/*
 * ============================================================
 *  The Clever Impersonators — Light Mode Overrides
 *  Applied via prefers-color-scheme: light
 *  Secondary mode — must be fully functional and visually intentional.
 * ============================================================
 */

@media (prefers-color-scheme: light) {
    :root {
        --color-bg-dark:        #f5f5f5;
        --color-bg-surface:     #ffffff;
        --color-bg-card:        #fafafa;
        --color-text-primary:   #1a1a1a;
        --color-text-secondary: #555555;
        --color-text-muted:     #999999;
        --color-accent-teal:    #1e8fa8;
        --color-accent-purple:  #6b2f90;
        --color-accent-red:     #a53d3d;
        --color-accent-green:   #5a8a28;
        --color-accent-white-mask: #333333;
        --color-border:         #e0e0e0;
        --color-overlay:        rgba(255,255,255,0.85);

        /* Adjusted glows for light mode */
        --glow-teal:   0 0 20px rgba(30, 143, 168, 0.25);
        --glow-purple: 0 0 20px rgba(107, 47, 144, 0.25);
        --glow-red:    0 0 20px rgba(165, 61, 61, 0.25);
        --glow-green:  0 0 20px rgba(90, 138, 40, 0.25);

        /* Adjusted shadows */
        --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
        --shadow-md:  0 4px 12px rgba(0,0,0,0.1);
        --shadow-lg:  0 8px 30px rgba(0,0,0,0.12);
        --shadow-xl:  0 16px 50px rgba(0,0,0,0.15);
    }

    /* Body */
    body {
        background-color: var(--color-bg-dark);
        color: var(--color-text-primary);
    }

    /* Swap logos */
    .logo-dark  { display: none !important; }
    .logo-light { display: block !important; }

    /* Scrollbar */
    ::-webkit-scrollbar-track { background: var(--color-bg-surface); }
    ::-webkit-scrollbar-thumb { background: #ccc; }
    ::-webkit-scrollbar-thumb:hover { background: #aaa; }

    /* Selection */
    ::selection {
        background-color: rgba(30, 143, 168, 0.2);
        color: var(--color-text-primary);
    }

    /* Header */
    body[data-hero="false"] .site-header,
    .site-header.scrolled {
        background-color: rgba(255, 255, 255, 0.92);
        border-bottom-color: var(--color-border);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .hamburger-line {
        background-color: var(--color-text-primary);
    }

    /* Mobile nav overlay */
    .nav-mobile {
        background-color: rgba(255, 255, 255, 0.98);
    }
    .mobile-nav-list li {
        border-bottom-color: var(--color-border);
    }
    .mobile-nav-list a {
        color: var(--color-text-secondary);
    }

    /* Cards — slight shadow lift */
    .card {
        box-shadow: var(--shadow-sm);
    }
    .card:hover {
        box-shadow: var(--shadow-lg);
    }

    /* Discord CTA */
    .discord-cta__bg {
        background:
            radial-gradient(ellipse at 30% 50%, rgba(107, 47, 144, 0.08) 0%, transparent 60%),
            radial-gradient(ellipse at 70% 50%, rgba(30, 143, 168, 0.06) 0%, transparent 60%),
            var(--color-bg-surface);
    }
    .discord-cta__heading {
        background: linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent-purple) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Footer */
    .site-footer {
        background-color: #fafafa;
        border-top-color: var(--color-border);
    }

    /* Social icons */
    .social-icon {
        border-color: var(--color-border);
        color: var(--color-text-muted);
    }

    /* Form elements */
    .form-input,
    .form-select,
    .form-textarea {
        background-color: var(--color-bg-surface);
        border-color: var(--color-border);
        color: var(--color-text-primary);
    }
    .form-input::placeholder,
    .form-textarea::placeholder {
        color: #b0b0b0;
    }

    /* Noise overlay — lighter */
    .noise-overlay::before {
        opacity: 0.015;
    }

    /* Focus state */
    :focus-visible {
        outline-color: var(--color-accent-teal);
    }
}