/* ==========================================================================
   TrioLux v3 — Light Mode Override (dark is default)
   ========================================================================== */

[data-theme="light"] {
    --bg:       #f8f8fa;
    --bg-2:     #f0f0f3;
    --bg-3:     #e8e8ed;
    --bg-card:  rgba(255,255,255,.7);
    --bg-surface: #ffffff;
    --line:     rgba(0,0,0,.07);
    --line-h:   rgba(0,0,0,.14);
    --white:    #111113;
    --dim:      rgba(17,17,19,.65);
    --faint:    rgba(17,17,19,.5);
    --mute:     rgba(17,17,19,.4);
    --header-bg: rgba(248,248,250,.75);
}

@media (prefers-color-scheme: light) {
    [data-theme="system"] {
        --bg:       #f8f8fa;
        --bg-2:     #f0f0f3;
        --bg-3:     #e8e8ed;
        --bg-card:  rgba(255,255,255,.7);
        --bg-surface: #ffffff;
        --line:     rgba(0,0,0,.07);
        --line-h:   rgba(0,0,0,.14);
        --white:    #111113;
        --dim:      rgba(17,17,19,.65);
        --faint:    rgba(17,17,19,.5);
        --mute:     rgba(17,17,19,.4);
        --header-bg: rgba(248,248,250,.75);
    }
}

/* Light mode outline text */
[data-theme="light"] .outline-text { -webkit-text-stroke-color: #111113 }
@media (prefers-color-scheme: light) { [data-theme="system"] .outline-text { -webkit-text-stroke-color: #111113 } }

/* Light mode glows reduced */
[data-theme="light"] .hero-orb, [data-theme="light"] .cta-glow { opacity: .3 }
@media (prefers-color-scheme: light) { [data-theme="system"] .hero-orb, [data-theme="system"] .cta-glow { opacity: .3 } }

/* Light mode noise */
[data-theme="light"] .noise-overlay { opacity: .1 }
@media (prefers-color-scheme: light) { [data-theme="system"] .noise-overlay { opacity: .1 } }

/* Light mode nav cta */
[data-theme="light"] .header-cta { border-color: rgba(0,0,0,.15) }
[data-theme="light"] .header-cta:hover { background: var(--accent); border-color: var(--accent); color: #fff }
@media (prefers-color-scheme: light) {
    [data-theme="system"] .header-cta { border-color: rgba(0,0,0,.15) }
    [data-theme="system"] .header-cta:hover { background: var(--accent); border-color: var(--accent); color: #fff }
}

/* Light mode btn-line */
[data-theme="light"] .btn--outline, [data-theme="light"] .btn-line { border-color: rgba(0,0,0,.15) }
[data-theme="light"] .btn--outline:hover, [data-theme="light"] .btn-line:hover { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.25) }
@media (prefers-color-scheme: light) {
    [data-theme="system"] .btn--outline, [data-theme="system"] .btn-line { border-color: rgba(0,0,0,.15) }
    [data-theme="system"] .btn--outline:hover, [data-theme="system"] .btn-line:hover { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.25) }
}

/* Light mode terminal */
[data-theme="light"] .terminal { box-shadow: 0 8px 32px rgba(0,0,0,.1) }
@media (prefers-color-scheme: light) { [data-theme="system"] .terminal { box-shadow: 0 8px 32px rgba(0,0,0,.1) } }

/* Light mode cursor */
[data-theme="light"] .custom-cursor { border-color: rgba(var(--acc-rgb),.4) }
@media (prefers-color-scheme: light) { [data-theme="system"] .custom-cursor { border-color: rgba(var(--acc-rgb),.4) } }