/* Light-mode overrides — applied when */
:root[data-theme="light"] {
--noir: #fbf9f3 !important;
--noir-rise: #f3efe5 !important;
--ink: #1a1814 !important;
--ink-mute: #6b665b !important;
--metal: #8c6e3e !important;
--metal-glow: #a6824a !important;
--rule: #d8d3c5 !important;
--rule-hot: #c8c0a8 !important;
}
:root[data-theme="light"] body { background: var(--noir); color: var(--ink); }
:root[data-theme="light"] header,
:root[data-theme="light"] .stats,
:root[data-theme="light"] footer { background: var(--noir); }
:root[data-theme="light"] header {
background: linear-gradient(180deg, rgba(251,249,243,.97) 70%, rgba(251,249,243,0)) !important;
}
:root[data-theme="light"] body { background: radial-gradient(ellipse at center top, rgba(140,110,62,0.05), transparent 70%) !important; }
:root[data-theme="light"] .voice.feature {
background: linear-gradient(180deg, rgba(140,110,62,0.05), transparent 70%) !important;
}
:root[data-theme="light"] .hero {
background: radial-gradient(ellipse at center top, rgba(140,110,62,0.06), transparent 70%) !important;
}
:root[data-theme="light"] .leader {
background: linear-gradient(180deg, rgba(140,110,62,0.05), transparent 80%) !important;
}
:root[data-theme="light"] #stage { background: var(--noir) !important; }
:root[data-theme="light"] .word.v-1 { fill: #b0aca0 !important; }
:root[data-theme="light"] .word.v-2 { fill: #5e5a4f !important; }
:root[data-theme="light"] .corridor-line,
:root[data-theme="light"] .corridor-tick { stroke: #c8c0a8 !important; }