/* ═══════════════════════════════════════════════════════ */
/* AetherLink — Light / Dark Theme System                 */
/* "Nordic Frost" Light Mode — Premium AI Aesthetic       */
/* ═══════════════════════════════════════════════════════ */

/* ── Theme Toggle Button ── */
.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    cursor: pointer;
    transition: all 0.3s ease;
    color: #e4e8f1;
    padding: 0;
    flex-shrink: 0;
}
.theme-toggle:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.2);
    transform: scale(1.05);
}
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }

[data-theme="light"] .theme-toggle {
    border-color: rgba(100,80,160,0.15);
    background: rgba(100,80,160,0.06);
    color: #2d2450;
}
[data-theme="light"] .theme-toggle:hover {
    background: rgba(100,80,160,0.12);
    border-color: rgba(100,80,160,0.25);
    box-shadow: 0 0 16px rgba(139,92,246,0.12);
}
[data-theme="light"] .theme-toggle .icon-sun { display: block; }
[data-theme="light"] .theme-toggle .icon-moon { display: none; }


/* ═══════════════════════════════════════════════════════ */
/* NORDIC FROST — LIGHT THEME                             */
/* Warm pearl base, frosted glass, rich depth              */
/* ═══════════════════════════════════════════════════════ */

/* ── Base — warm pearl-gray with subtle lavender tint ── */
[data-theme="light"] body {
    background: #EDEAF2 !important;
    color: #1e1b2e !important;
}

/* ── Ambient gradient mesh (replaces flat background) ── */
[data-theme="light"] body::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
        radial-gradient(ellipse 80% 60% at 20% 10%, rgba(0,180,230,0.06) 0%, transparent 50%),
        radial-gradient(ellipse 60% 80% at 85% 80%, rgba(139,92,246,0.05) 0%, transparent 50%),
        radial-gradient(ellipse 70% 50% at 50% 50%, rgba(0,200,150,0.04) 0%, transparent 50%) !important;
    pointer-events: none !important;
}

/* ── Grain Overlay — subtle paper texture ── */
[data-theme="light"] body::after {
    opacity: 0.04 !important;
}

/* ── Grid Background ── */
[data-theme="light"] .grid-bg {
    background-image:
        linear-gradient(rgba(100,80,160,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(100,80,160,0.04) 1px, transparent 1px) !important;
}

/* ── Gradient Orbs — softer, warmer ── */
[data-theme="light"] .orb {
    opacity: 0.5;
    filter: blur(140px) saturate(0.6);
}
[data-theme="light"] .orb-cyan {
    background: radial-gradient(circle, rgba(0,160,210,0.18), transparent 70%) !important;
}
[data-theme="light"] .orb-violet {
    background: radial-gradient(circle, rgba(139,92,246,0.14), transparent 70%) !important;
}
[data-theme="light"] .orb-emerald {
    background: radial-gradient(circle, rgba(0,180,130,0.14), transparent 70%) !important;
}

/* ── Logo Watermark ── */
[data-theme="light"] .ae-watermark {
    opacity: 0.025;
    filter: blur(1px) invert(1);
}

/* ── Navigation — frosted glass nav ── */
[data-theme="light"] nav {
    color: #1e1b2e;
}
[data-theme="light"] .nav-scrolled {
    background: rgba(237,234,242,0.82) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(139,92,246,0.08);
    box-shadow: 0 2px 24px rgba(100,80,160,0.06);
}
[data-theme="light"] .nav-link {
    color: #6b6490 !important;
}
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
    color: #1e1b2e !important;
}
[data-theme="light"] .nav-link::after {
    background: #8b5cf6 !important;
}

/* ── Nav Logo ── */
[data-theme="light"] nav img[alt="AetherLink"] {
    filter: brightness(0.1) saturate(100%);
}

/* ── Mobile Menu ── */
[data-theme="light"] .mobile-overlay {
    background: rgba(237,234,242,0.98) !important;
    backdrop-filter: blur(20px) !important;
}
[data-theme="light"] .mobile-overlay .nav-link {
    color: #1e1b2e !important;
}

/* ── Hamburger Bars ── */
[data-theme="light"] #bar1,
[data-theme="light"] #bar2,
[data-theme="light"] #bar3 {
    background: #1e1b2e !important;
}

/* ── Lang Switcher ── */
[data-theme="light"] .flex.items-center.gap-0\.5 a {
    color: #6b6490;
}
[data-theme="light"] .flex.items-center.gap-0\.5 a:hover {
    color: #1e1b2e;
}

/* ── Glass Cards — frosted white with lavender glow ── */
[data-theme="light"] .glass-card {
    background: rgba(255,255,255,0.65) !important;
    backdrop-filter: blur(16px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
    border-color: rgba(139,92,246,0.08) !important;
    box-shadow: 0 1px 2px rgba(100,80,160,0.04), 0 4px 24px rgba(100,80,160,0.04);
}
[data-theme="light"] .glass-card:hover {
    background: rgba(255,255,255,0.85) !important;
    border-color: rgba(139,92,246,0.15) !important;
    box-shadow: 0 8px 40px -4px rgba(100,80,160,0.1), 0 0 0 1px rgba(139,92,246,0.06);
    transform: translateY(-2px);
}

/* ── Accent Lines on Cards ── */
[data-theme="light"] .accent-line {
    opacity: 0.9;
}

/* ── Product Cards Icons ── */
[data-theme="light"] .glass-card .w-14.h-14,
[data-theme="light"] .glass-card .w-12.h-12 {
    background: rgba(139,92,246,0.06) !important;
    border-color: rgba(139,92,246,0.1) !important;
}

/* ── Pricing Cards ── */
[data-theme="light"] .pricing-card {
    background: rgba(255,255,255,0.7) !important;
    border-color: rgba(100,80,160,0.08) !important;
    box-shadow: 0 2px 20px rgba(100,80,160,0.04);
}
[data-theme="light"] .pricing-card:hover {
    background: rgba(255,255,255,0.95) !important;
    border-color: rgba(139,92,246,0.15) !important;
    box-shadow: 0 12px 48px rgba(100,80,160,0.1);
}
[data-theme="light"] .pricing-popular {
    border-color: rgba(139,92,246,0.3) !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.04), rgba(0,180,230,0.04)) !important;
}
[data-theme="light"] .pricing-popular::before {
    background: linear-gradient(90deg, transparent, #8b5cf6, transparent) !important;
}

/* ── Comparison Table ── */
[data-theme="light"] .compare-table th,
[data-theme="light"] .compare-table td {
    border-bottom-color: rgba(100,80,160,0.06) !important;
}
[data-theme="light"] .compare-table thead th {
    color: #1e1b2e !important;
}
[data-theme="light"] .compare-table thead th:nth-child(3) {
    color: #7c3aed !important;
}
[data-theme="light"] .compare-table tbody td {
    color: #6b6490 !important;
}
[data-theme="light"] .compare-table tbody td:nth-child(3) {
    color: #7c3aed !important;
}

/* ── Use Case / Roadmap Cards ── */
[data-theme="light"] .usecase-card,
[data-theme="light"] .roadmap-item {
    background: rgba(255,255,255,0.55) !important;
    border-color: rgba(139,92,246,0.06) !important;
}
[data-theme="light"] .usecase-card:hover,
[data-theme="light"] .roadmap-item:hover {
    background: rgba(255,255,255,0.85) !important;
    border-color: rgba(139,92,246,0.18) !important;
}

/* ── FAQ ── */
[data-theme="light"] .faq-item {
    border-color: rgba(100,80,160,0.07) !important;
    background: rgba(255,255,255,0.45) !important;
}
[data-theme="light"] .faq-item:hover {
    border-color: rgba(139,92,246,0.15) !important;
    background: rgba(255,255,255,0.65) !important;
}
[data-theme="light"] .faq-trigger {
    color: #1e1b2e !important;
}
[data-theme="light"] .faq-trigger svg {
    color: #8b5cf6 !important;
}
[data-theme="light"] .faq-content {
    color: #6b6490 !important;
}

/* ── Buttons — vibrant with depth ── */
[data-theme="light"] .btn-primary {
    box-shadow: 0 0 24px rgba(139,92,246,0.2), 0 4px 16px rgba(0,180,230,0.15);
}
[data-theme="light"] .btn-primary:hover {
    box-shadow: 0 0 40px rgba(139,92,246,0.3), 0 8px 32px rgba(0,180,230,0.2);
    transform: translateY(-1px);
}
[data-theme="light"] .btn-secondary {
    color: #1e1b2e !important;
    border-color: rgba(100,80,160,0.18) !important;
    background: rgba(255,255,255,0.5) !important;
}
[data-theme="light"] .btn-secondary:hover {
    background: rgba(255,255,255,0.8) !important;
    border-color: rgba(139,92,246,0.25) !important;
    box-shadow: 0 4px 16px rgba(100,80,160,0.08);
}
[data-theme="light"] .btn-login {
    color: #1e1b2e !important;
    border-color: rgba(100,80,160,0.15) !important;
}
[data-theme="light"] .btn-login:hover {
    background: rgba(139,92,246,0.06) !important;
    border-color: rgba(139,92,246,0.2) !important;
}
[data-theme="light"] .btn-cta-nav {
    box-shadow: 0 2px 16px rgba(139,92,246,0.25);
}

/* ═══════════════════════════════════════════════════════ */
/* ORBITAL — Dark frosted pods for icon visibility        */
/* ═══════════════════════════════════════════════════════ */
[data-theme="light"] .orbit-center {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(139,92,246,0.2) !important;
    box-shadow: 0 0 50px rgba(139,92,246,0.12), 0 4px 24px rgba(0,0,0,0.06) !important;
}
[data-theme="light"] .orbit-center img {
    filter: brightness(0.1) saturate(100%);
}
[data-theme="light"] .orbit-track {
    border-color: rgba(139,92,246,0.1) !important;
}
[data-theme="light"] .orbit-arc {
    opacity: 0.6;
}

/* Satellite pods: dark frosted glass so white icons are visible */
[data-theme="light"] .oi-face {
    background: rgba(20,16,40,0.82) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-color: rgba(139,92,246,0.4) !important;
    box-shadow: 0 0 20px rgba(139,92,246,0.15), 0 4px 12px rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .oi-face:hover {
    box-shadow: 0 0 28px rgba(139,92,246,0.25), 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* All satellite icons: keep as-is (white icons stay white on dark pods) */
[data-theme="light"] .oi-face img {
    filter: drop-shadow(0 0 6px rgba(139,92,246,0.3)) !important;
}
/* Color icons (Claude/Gemini): show their real colors */
[data-theme="light"] .oi-color .oi-face img {
    filter: brightness(1.15) saturate(1.2) drop-shadow(0 0 6px rgba(139,92,246,0.25)) !important;
}

/* ── Partner Logos — rich contrast ── */
[data-theme="light"] .partner-logo {
    filter: grayscale(100%) brightness(0) invert(0) !important;
    opacity: 0.5 !important;
}
[data-theme="light"] .partner-logo:hover {
    filter: grayscale(30%) brightness(0.15) invert(0) drop-shadow(0 0 12px rgba(139,92,246,0.15)) !important;
    opacity: 0.85 !important;
}

/* ── Marquee / Partner Section ── */
[data-theme="light"] .marquee-fade-left {
    background: linear-gradient(to right, #EDEAF2 5%, transparent) !important;
}
[data-theme="light"] .marquee-fade-right {
    background: linear-gradient(to left, #EDEAF2 5%, transparent) !important;
}
[data-theme="light"] .from-void {
    --tw-gradient-from: #EDEAF2 !important;
}
[data-theme="light"] #social-proof .text-muted\/50 {
    color: rgba(30,27,46,0.45) !important;
}

/* ── Section Divider — lavender gradient ── */
[data-theme="light"] .section-divider {
    background: linear-gradient(90deg, transparent, rgba(139,92,246,0.12), transparent) !important;
}

/* ── CTA Gradient Section — dark cinematic in both modes ── */
[data-theme="light"] .cta-gradient {
    background: linear-gradient(180deg, #0a0c18 0%, #0f1228 40%, #141835 60%, #0a0c18 100%) !important;
}
[data-theme="light"] .cta-video-bg {
    opacity: 0.4 !important;
    filter: none !important;
}
[data-theme="light"] .cta-video-overlay {
    background: linear-gradient(180deg, rgba(10,12,24,0.65) 0%, rgba(15,18,40,0.4) 50%, rgba(10,12,24,0.65) 100%) !important;
}
[data-theme="light"] .cta-gradient .text-light {
    color: #e4e8f1 !important;
}
[data-theme="light"] .cta-gradient .text-muted {
    color: rgba(228,232,241,0.7) !important;
}
[data-theme="light"] .cta-gradient .gradient-text {
    background: linear-gradient(135deg, #00d4ff, #8b5cf6, #00dfa2) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
[data-theme="light"] .cta-gradient .btn-secondary {
    color: #e4e8f1 !important;
    border-color: rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.05) !important;
}
[data-theme="light"] .cta-gradient .btn-secondary:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: rgba(255,255,255,0.25) !important;
}
[data-theme="light"] .cta-gradient::before {
    background: linear-gradient(90deg, transparent, rgba(0,212,255,0.3), rgba(139,92,246,0.3), transparent) !important;
}

/* ── Footer — subtle warmth ── */
[data-theme="light"] footer {
    background: rgba(230,226,238,0.5) !important;
    border-top: 1px solid rgba(139,92,246,0.08);
}
[data-theme="light"] footer a {
    color: #6b6490;
}
[data-theme="light"] footer a:hover {
    color: #1e1b2e;
}
[data-theme="light"] footer .border-white\/5 {
    border-color: rgba(100,80,160,0.06) !important;
}
[data-theme="light"] footer img[alt="AetherLink"] {
    filter: brightness(0.1) saturate(100%);
}

/* ── Social Icons ── */
[data-theme="light"] .group svg,
[data-theme="light"] footer svg {
    color: #6b6490;
}
[data-theme="light"] .group:hover svg,
[data-theme="light"] footer a:hover svg {
    color: #8b5cf6;
}

/* ── Scroll Indicator ── */
[data-theme="light"] .scroll-indicator svg {
    color: #8b5cf6 !important;
}

/* ── Badge/Tag Backgrounds ── */
[data-theme="light"] .bg-accent-cyan\/10,
[data-theme="light"] .bg-accent-cyan\/15 {
    background: rgba(139,92,246,0.08) !important;
}

/* ── Gradient Texts — keep vibrant ── */
[data-theme="light"] .gradient-text-cyan {
    background: linear-gradient(135deg, #0077aa, #00a8e8) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
[data-theme="light"] .gradient-text-violet {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
[data-theme="light"] .gradient-text-emerald {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* ── Tailwind Utility Overrides ── */
[data-theme="light"] .text-light {
    color: #1e1b2e !important;
}
[data-theme="light"] .text-light\/60 {
    color: rgba(30,27,46,0.55) !important;
}
[data-theme="light"] .text-light\/70 {
    color: rgba(30,27,46,0.65) !important;
}
[data-theme="light"] .text-light\/80 {
    color: rgba(30,27,46,0.75) !important;
}
[data-theme="light"] .text-muted {
    color: #6b6490 !important;
}
[data-theme="light"] .text-muted\/70 {
    color: rgba(107,100,144,0.7) !important;
}
[data-theme="light"] .text-muted\/40 {
    color: rgba(107,100,144,0.5) !important;
}
[data-theme="light"] .text-muted\/50 {
    color: rgba(107,100,144,0.55) !important;
}
[data-theme="light"] .text-muted\/60 {
    color: rgba(107,100,144,0.65) !important;
}
[data-theme="light"] .bg-void {
    background: #EDEAF2 !important;
}
[data-theme="light"] .bg-surface {
    background: rgba(255,255,255,0.6) !important;
}
[data-theme="light"] .bg-surface-2 {
    background: rgba(255,255,255,0.35) !important;
}
[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/6 {
    border-color: rgba(100,80,160,0.06) !important;
}
[data-theme="light"] .bg-white\/\[0\.07\] {
    background: rgba(139,92,246,0.05) !important;
}

/* ── Accent Color Adjustments ── */
[data-theme="light"] .text-accent-cyan {
    color: #0077aa !important;
}
[data-theme="light"] .text-accent-cyan\/60 {
    color: rgba(0,119,170,0.7) !important;
}
[data-theme="light"] .text-accent-violet\/60 {
    color: rgba(139,92,246,0.65) !important;
}

/* ── Icon Containers ── */
[data-theme="light"] [class*="bg-white/[0.03]"],
[data-theme="light"] [class*="bg-white/[0.04]"],
[data-theme="light"] [class*="bg-white/[0.05]"] {
    background: rgba(139,92,246,0.04) !important;
}

/* ── USP / Feature Icons ── */
[data-theme="light"] .usp-icon {
    background: rgba(139,92,246,0.06) !important;
    border-color: rgba(139,92,246,0.12) !important;
}

/* ── Custom Scrollbar ── */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #E6E2EE;
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #C4BCDA;
    border-radius: 4px;
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #A89CC4;
}

/* ── Process/Step Cards ── */
[data-theme="light"] .process-step,
[data-theme="light"] .step-card {
    background: rgba(255,255,255,0.55) !important;
    border-color: rgba(139,92,246,0.06) !important;
}

/* ── Blockquotes ── */
[data-theme="light"] blockquote {
    border-left-color: rgba(139,92,246,0.3) !important;
    color: #6b6490 !important;
}

/* ── Feature List Check Icons ── */
[data-theme="light"] .space-y-3 .w-5.h-5 {
    background: rgba(139,92,246,0.08) !important;
}

/* ── Inline Orb Backgrounds (style attribute) ── */
[data-theme="light"] [style*="radial-gradient"][style*="rgba(0,212,255"] {
    opacity: 0.4;
}
[data-theme="light"] [style*="radial-gradient"][style*="rgba(139,92,246"] {
    opacity: 0.35;
}

/* ═══════════════════════════════════════════════════════ */
/* SMOOTH TRANSITIONS                                      */
/* ═══════════════════════════════════════════════════════ */
body,
body::after,
.glass-card,
.pricing-card,
.orbit-center,
.oi-face,
nav,
footer,
.partner-logo,
.btn-secondary,
.btn-login,
.faq-item,
.theme-toggle,
.section-divider,
.usp-icon {
    transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, filter 0.3s ease, transform 0.3s ease;
}