/* esc-theme-fix.css — theme-variable overrides for hard-coded classic gold (#d4af37 / rgba(212,175,55,a))
   in newer esc-* files. ADDITIVE ONLY. Scoped to html[data-theme] so Classic (no data-theme attr) is unchanged.
   Generated by /workspace/gen-themefix.py + hand rules at the bottom. 2026-10-20 */
/* esc-godseye.css */ html[data-theme] .eg-box{border:1px solid var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-box h2{color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-box h3{color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-x{color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-tag.live{border-color:var(--gold) !important;color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-sw:checked{background:var(--gold) !important;border-color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-btn{background:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-btn.ghost{color:var(--gold) !important;border:1px solid var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-drop{border:2px dashed var(--gold) !important;color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-drop.over{background:color-mix(in srgb, var(--gold) 12%, transparent) !important}
/* esc-godseye.css */ html[data-theme] .eg-ph{background:color-mix(in srgb, var(--gold) 8%, transparent) !important;border:1px dashed var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-focus{border:1px solid var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-focus .eg-tl div.ahead{color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-toast{border:1px solid var(--gold) !important;color:var(--gold) !important}
/* esc-godseye.css */ html[data-theme] .eg-chip.on{border-color:var(--gold) !important;color:var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-card:hover,html[data-theme] .ep-card:focus-visible{border-color:var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-ph{color:var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-tok code{color:var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-copy{border:1px solid var(--gold) !important;color:var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-feat{border:1px solid var(--gold) !important}
/* esc-gepanels.css */ html[data-theme] .ep-empty b{color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] #escModeToggle{border:1px solid var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #escModeToggle button{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #escModeToggle button[aria-pressed="true"]{background:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #escStage a{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-btn{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-btn.pri{background:var(--gold,var(--gold)) !important;border-color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .esl-head h2{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-chip[aria-pressed="true"]{background:var(--gold,var(--gold)) !important;border-color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-tag.esc{background:var(--gold) !important}
/* esc-stage.css */ html[data-theme] .er-tabs button[aria-selected="true"]{color:var(--gold,var(--gold)) !important;border-bottom-color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .er-pane h4{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-lv b{background:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #esModal .box{border:1px solid var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #esModal h3{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-av-grid button[aria-pressed="true"]{border-color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] .es-bg-grid button[aria-pressed="true"]{border-color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] #esToast{border:1px solid var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-h{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-person.cur{border-left:3px solid var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-signin-chat .big{color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-av.on{border-color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] .es-bgopt.on{border-color:var(--gold) !important;box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 40%, transparent) !important}
/* esc-stage.css */ html[data-theme] .es-tabs .es-chip.on{background:var(--s-gold,var(--gold)) !important;border-color:var(--s-gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-avgroups summary{color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] .es-bgopt.on{border-color:var(--gold) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent) !important}
/* esc-stage.css */ html[data-theme] .es-bgopt.on::after{color:var(--gold) !important}
/* esc-stage.css */ html[data-theme] #escFsBtn{border:1px solid var(--gold,var(--gold)) !important;color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #escFsBtn[aria-pressed="true"]{background:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] #escFsExit{border:1px solid var(--gold,var(--gold)) !important;color:var(--gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-supbar{border:1px dashed var(--gold,var(--gold)) !important;background:color-mix(in srgb,var(--gold,var(--gold)) 8%,transparent) !important}
/* esc-stage.css */ html[data-theme] .es-stabs button[aria-selected="true"]{color:var(--s-gold,var(--gold)) !important;border-bottom-color:var(--s-gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .es-stabs button:focus-visible{outline:2px solid var(--s-gold,var(--gold)) !important}
/* esc-stage.css */ html[data-theme] .dc-extpill{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-x{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent) !important;color:var(--gold,var(--gold)) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-logo{border:1px solid color-mix(in srgb, var(--gold) 30%, transparent) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-ph{color:var(--gold,var(--gold)) !important;border:1px solid color-mix(in srgb, var(--gold) 30%, transparent) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-type{color:var(--gold,var(--gold)) !important;border:1px solid color-mix(in srgb, var(--gold) 50%, transparent) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard dt{color:var(--gold,var(--gold)) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard a{color:var(--gold,var(--gold)) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-links a,html[data-theme] #escSceneCard .scc-btns button{border:1px solid color-mix(in srgb, var(--gold) 60%, transparent) !important;color:var(--gold,var(--gold)) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard .scc-btns button.pri{background:var(--gold,var(--gold)) !important}
/* esc-scene-cards.css */ html[data-theme] #escSceneCard::before{background:color-mix(in srgb, var(--gold) 50%, transparent) !important}
/* esc-radio.css */ html[data-theme] #escRadioPlayer{border:1px solid var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioPlayer button:hover,html[data-theme] #escRadioPlayer button:focus-visible{outline:1px solid var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioPlayer .erp-play{background:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioPlayer input[type=range]{accent-color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioDrawer{border:1px solid var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioDrawer .erd-h h3{color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioDrawer button.on{background:var(--gold,var(--gold)) !important;border-color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioDrawer a{color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioGate .erg-box h2{color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioGate .erg-play{background:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioGate .erg-skip{color:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioDrawer #escRadioPlayer .erp-play{background:var(--gold,var(--gold)) !important}
/* esc-radio.css */ html[data-theme] #escRadioPlayer .erp-try{background:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-rail h4{color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-card:focus-visible,html[data-theme] .efi-card:hover{outline:2px solid var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-play{color:var(--gold,var(--gold)) !important;border:1px solid var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] #escFestIv .efi-box{border:1px solid var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] #escFestIv .efi-x{color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] #escFestIv .efi-hd b{color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-ig{background:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-ig-sm{color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] #escFestBadges .efi-badge{border:1px solid var(--gold,var(--gold)) !important;color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-artist button{border:1px solid var(--gold,var(--gold)) !important;color:var(--gold,var(--gold)) !important}
/* esc-fest-interviews.css */ html[data-theme] .efi-all{color:var(--gold,var(--gold)) !important}
/* esc-ai.css */ html[data-theme] #aiPane .ai-sub button[aria-selected=true],html[data-theme] #aiPane .ai-btn.pri{color:var(--gold,var(--gold)) !important;border-color:var(--gold,var(--gold)) !important}
/* esc-ai.css */ html[data-theme] #aiPane .ai-card b{color:var(--gold,var(--gold)) !important}
/* esc-ai.css */ html[data-theme] #aiPane .ai-me{color:var(--gold,var(--gold)) !important}
/* esc-ai.css */ html[data-theme] #aiPane a{color:var(--gold,var(--gold)) !important}
/* esc-ai.css */ html[data-theme] .ai-review-btn{border:1px solid var(--gold,var(--gold)) !important;color:var(--gold,var(--gold)) !important}
/* esc-listener.js */ html[data-theme] #escListenDock{border:1px solid var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escListenDock .xp>i{background:var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escXpToast{color:var(--gold) !important;border:1px solid var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escListenDock h3{color:var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escListenDock button{color:var(--gold) !important;border:1px solid var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escListenDock .cmt b{color:var(--gold) !important}
/* esc-listener.js */ html[data-theme] #escListenFab{color:var(--gold) !important;border:1px solid var(--gold) !important}
/* esc-listener.js */ html[data-theme] .esc-listen-inline button{color:var(--gold) !important}
#escListenDock{border:1px solid var(--gold) !important}
/* esc-playloop.js */ html[data-theme] #escPlayBtns button{color:var(--gold) !important}
/* esc-playloop.js */ html[data-theme] #escPlayBtns button,html[data-theme] #escKeepCard button{color:var(--gold) !important}
/* esc-playloop.js */ html[data-theme] #escKeepCard{border:1px solid var(--gold) !important}
/* esc-playloop.js */ html[data-theme] #escSubmitPlayBox h4{color:var(--gold) !important}
/* esc-email-verify.js */ html[data-theme] .esc-ev-chip.v{background:var(--gold) !important;border-color:var(--gold) !important}
/* esc-email-verify.js */ html[data-theme] .esc-ev-chip.u{color:var(--gold) !important}
/* esc-email-verify.js */ html[data-theme] .esc-ev-box{border:1px solid var(--gold) !important}
/* esc-email-verify.js */ html[data-theme] .esc-ev-box button{background:var(--gold) !important}
/* hand rules: inline style="color:#d4af37" in godseye/layers card captions (IN VIEW, Camera locked) */
html[data-theme] .eg-cap b[style*="#d4af37"], html[data-theme] .eg-focus b[style*="#d4af37"],
html[data-theme] #escKeepCard strong[style*="#d4af37"], html[data-theme] #escListenDock a[style*="#d4af37"],
html[data-theme] #escSubmitPlayBox a[style*="#d4af37"] { color: var(--gold) !important; }
html[data-theme] #escStampPlay, html[data-theme] #escSubmitPlay, html[data-theme] #escThreadPlay { color: var(--gold) !important; }
/* mobile bottom-sheet grab handle */
html[data-theme] .sheet-handle { background-color: color-mix(in srgb, var(--gold) 60%, transparent) !important; }
/* Noir: --gold-dim (#8a1018) on near-black = 2.1:1 contrast for header stat labels */
html[data-theme="noir"] .stats-strip .stat-label { color: color-mix(in srgb, var(--gold) 75%, white) !important; }
/* Talk panel: hard-coded amber #ffc83c / rgba(255,200,60,a) -> --gold (orb gradients left as-is) */
/* esc-talk.js */ html[data-theme] #escTalkBtn{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent) !important}
/* esc-talk.js */ html[data-theme] #escTalkBtn:hover{border-color:var(--gold) !important}
/* esc-talk.js */ html[data-theme] #escTalk{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent) !important}
/* esc-talk.js */ html[data-theme] #escTalk header span{color:var(--gold) !important}
/* esc-talk.js */ html[data-theme] #escTalk .tb.on{border-color:var(--gold) !important;color:var(--gold) !important}
/* esc-talk.js */ html[data-theme] #escTalkLog .u{background:color-mix(in srgb, var(--gold) 18%, transparent) !important}
/* esc-talk.js */ html[data-theme] #escTalk .send{background:var(--gold) !important}
/* esc-talk-actions.js */ html[data-theme] #escTalkCap{background:color-mix(in srgb, var(--gold) 8%, transparent) !important;border-bottom:1px solid color-mix(in srgb, var(--gold) 20%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-chip{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent) !important;background:color-mix(in srgb, var(--gold) 8%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-chip.on{background:var(--gold) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-card{border:1px solid color-mix(in srgb, var(--gold) 30%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-card img,html[data-theme] .ta-ph{color:var(--gold) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-ci b{color:var(--gold) !important}
/* esc-talk-actions.js */ html[data-theme] .ta-cb button{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] #escTalkMenu{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] #escTalkMenu button:hover{background:color-mix(in srgb, var(--gold) 12%, transparent) !important}
/* esc-talk-actions.js */ html[data-theme] #escTalk.ta-drop{outline:2px dashed var(--gold) !important}
/* esc-talk-leads.js */ html[data-theme] #escTL{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent) !important}
/* esc-talk-leads.js */ html[data-theme] #escTL h3{color:var(--gold,var(--gold)) !important}
/* esc-talk-leads.js */ html[data-theme] #escTL .it b{color:var(--gold,var(--gold)) !important}
/* esc-voice-picker.js */ html[data-theme] #escVoicePick{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent) !important}
/* esc-voice-picker.js */ html[data-theme] #escVoicePick h4{color:var(--gold) !important}
/* esc-voice-picker.js */ html[data-theme] #escVoicePick button{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent) !important;background:color-mix(in srgb, var(--gold) 8%, transparent) !important}
/* esc-voice-chat.js */ html[data-theme] .escHFhint{border:1px dashed color-mix(in srgb, var(--gold) 50%, transparent) !important}

/* ---- tf2 (2026-10-20 resume audit) ------------------------------------------------------------
   Regression fix: the tf1 rule `#escModeToggle button{color:var(--gold)!important}` above also beat the
   pressed state (esc-stage.css line 4 sets color without !important) -> "Globe View"/"Stage Lobby" active
   pill was gold-on-gold (contrast 1.0:1) in every non-Classic theme. Restore the original on-colour. */
html[data-theme] #escModeToggle button[aria-pressed="true"]{color:var(--s-on,#111) !important}
html[data-theme="noir"] #escModeToggle button[aria-pressed="true"]{color:#fff !important} /* #fff on #e11d2e = 4.8:1 (#0a0a0a would be 4.1) */

/* tf2: small-text labels coloured var(--gold-dim) in index.html (.section-label, .release .rid, .stats-strip .stat-label)
   are below WCAG AA 4.5:1 on --bg in these themes (measured: fall 4.2, midnight 4.3, ivy 4.0, slate 4.2, oxide 3.2,
   ultraviolet 2.9, ember 2.8). Use --gold for the TEXT only (>= 6.0:1 in all of them); borders keep --gold-dim.
   Classic (4.2) intentionally untouched - this file never restyles Classic. Noir handled separately (gold 4.3). */
html[data-theme="fall"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="midnight"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="ivy"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="slate"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="oxide"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="ultraviolet"] :is(.section-label,.release .rid,.stats-strip .stat-label),
html[data-theme="ember"] :is(.section-label,.release .rid,.stats-strip .stat-label){color:var(--gold) !important}
html[data-theme="noir"] :is(.section-label,.release .rid){color:color-mix(in srgb, var(--gold) 75%, white) !important}
/* ---- end tf2 ---- */