/* ============================================
   6E Virtual - Theme v3.0
   Navy + White Only
   ============================================ */

.theme-toggle {
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--text-muted);
}

.theme-toggle:hover {
    background: var(--color-primary-light);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.theme-toggle svg { width: 16px; height: 16px; }

.theme-toggle .icon-sun { display: block; }
.theme-toggle .icon-moon { display: none; }
[data-theme="light"] .theme-toggle .icon-sun { display: none; }
[data-theme="light"] .theme-toggle .icon-moon { display: block; }

.logo-dark { display: block; }
.logo-light { display: none; }
[data-theme="light"] .logo-dark { display: none; }
[data-theme="light"] .logo-light { display: block; }


/* ============================================
   Light Theme
   ============================================ */

[data-theme="light"] {
    --bg-dark: #FAFBFC;
    --bg-surface: #FFFFFF;
    --bg-card: rgba(0, 0, 0, 0.02);

    --border-color: rgba(0, 0, 0, 0.08);

    --text-primary: #1A1C2E;
    --text-secondary: rgba(0, 0, 0, 0.55);
    --text-muted: rgba(0, 0, 0, 0.35);

    --color-primary-light: rgba(43, 45, 110, 0.06);
}

[data-theme="light"] nav {
    background: rgba(250, 251, 252, 0.85);
}

[data-theme="light"] nav.scrolled {
    background: rgba(250, 251, 252, 0.97);
}

[data-theme="light"] .bg-atmosphere {
    background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(43, 45, 110, 0.05), transparent 65%);
}

[data-theme="light"] .feature-card {
    background: var(--white);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .feature-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .rank-card {
    background: var(--white);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .rank-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .rank-number {
    color: rgba(43, 45, 110, 0.15);
}

[data-theme="light"] .partner-logo {
    background: var(--white);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .partner-logo:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .social-link {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .btn-outline {
    background: var(--white);
    border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .cta-banner::before {
    background: linear-gradient(180deg, transparent, rgba(43, 45, 110, 0.03), transparent);
}

[data-theme="light"] footer {
    background: var(--gray-50);
}

[data-theme="light"] .footer-social a {
    background: var(--white);
}

[data-theme="light"] .ticker-strip {
    border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .hero-badge {
    background: rgba(43, 45, 110, 0.05);
    border-color: rgba(43, 45, 110, 0.1);
}


/* ============================================
   Transitions
   ============================================ */

body, nav, .feature-card, .rank-card,
.flight-card, .btn, .social-link, footer,
.partner-logo, .ticker-strip, .cta-banner {
    transition: background 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease;
}