/* ============================================
   THEMES
   ============================================ */

/* Dark theme is default (defined in main.css) */

/* Light theme overrides */
[data-theme="light"] body {
    background: var(--bg-primary);
}

[data-theme="light"] .glass-card {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .glass-card:hover {
    border-color: rgba(131, 56, 236, 0.2);
}

[data-theme="light"] .nav-search-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
}

[data-theme="light"] .nav-search-input::placeholder {
    color: var(--text-muted);
}

[data-theme="light"] .btn-secondary {
    border-color: rgba(0, 0, 0, 0.2);
    color: var(--text-primary);
}

[data-theme="light"] .btn-secondary:hover {
    background: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .disclaimer-banner {
    background: linear-gradient(90deg, rgba(255, 0, 110, 0.08), rgba(131, 56, 236, 0.08));
}

[data-theme="light"] .footer {
    background: linear-gradient(180deg, transparent 0%, rgba(245, 245, 250, 0.8) 20%);
}

[data-theme="light"] .story-stats {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .hero-video-overlay {
    background: linear-gradient(180deg, rgba(245, 245, 250, 0.3) 0%, rgba(245, 245, 250, 0.7) 70%, var(--bg-primary) 100%);
}

[data-theme="light"] .countdown-item {
    background: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .platform-badge {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .footer-social a {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
}