/* Fantasy Zone light mode (29 Oct 2026). On when <html data-theme="light"> (set from 👤 → Appearance).
   Re-points the theme colours, then fixes the places that use fixed dark-mode colours. */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef2f8; --panel:#ffffff; --raised:#f3f6fb; --raised2:#e8edf5; --line:#d3dbe8; --line-soft:#e3e9f2;
  --text:#101b33; --text2:#33425e; --muted:#5b6880;
  --aqua:#0a8b9c; --aqua-ink:#ffffff; --aqua-tint:rgba(10,139,156,.10);
  --win:#13965f; --win-tint:rgba(19,150,95,.10); --live:#d61f3a; --gold:#a8790a;
  --pink:#d81b6e; --pink-tint:rgba(216,27,110,.08);
}
html[data-theme="light"] body{background:var(--bg)!important;color:var(--text)}

/* bright aqua on white is hard to read: use the deeper aqua */
html[data-theme="light"] :is(.rvSummary b,.rvGame,.ldMsg,.drNo,.pfContact a,.pfStats b,.clSteps span.on,.clCode,.ldNum){color:var(--aqua)!important;text-shadow:none!important}
html[data-theme="light"] .ldDay.on{border-color:var(--aqua)!important;background:var(--aqua-tint)!important;box-shadow:none}
html[data-theme="light"] .drToggle button.on{background:var(--aqua-tint)!important;color:var(--aqua)!important}
html[data-theme="light"] .mlChip:hover{border-color:var(--aqua)!important}

/* light text that was meant for dark backgrounds */
html[data-theme="light"] :is(.rvInfo,.pfBio,.elHelp){color:var(--text2)!important}
html[data-theme="light"] :is(.mlChip span,.clDivider,.clSteps span,.clFormats){color:var(--muted)!important}
html[data-theme="light"] .ldStats b{color:var(--text)!important}

/* see-through white panels -> soft grey */
html[data-theme="light"] :is(.elChoice,.pfStats>div,.pfTrophy,.drToggle,.lsBlock,.ldDay){background:var(--raised)!important}
html[data-theme="light"] .mlChip{background:var(--raised)!important;color:var(--text)!important}
html[data-theme="light"] :is(.rvRow,.drRow,.pfH2H>div,.pfGames>div){border-color:var(--line)}
html[data-theme="light"] .ldIdle{background:rgba(255,176,32,.10)}
html[data-theme="light"] .pfTrophy.gold{background:rgba(196,140,0,.14);color:#8a6100}
html[data-theme="light"] .emNudge{background:var(--pink-tint);border-color:rgba(216,27,110,.35)}
html[data-theme="light"] .rvSummary>div{background:var(--aqua-tint);border-color:rgba(10,139,156,.3)}
html[data-theme="light"] .pmWrap{background:rgba(15,27,51,.45)}
html[data-theme="light"] .pmCard{background:var(--panel)!important;color:var(--text)}

/* form fields */
html[data-theme="light"] :is(input,select,textarea){background:#fff!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#8b97ab}

/* the big score digits and pink predictions stay readable */
html[data-theme="light"] .mxDigits b,html[data-theme="light"] .hmDigits b{color:var(--text)!important}
html[data-theme="light"] .mxProj,html[data-theme="light"] .mxProj b,html[data-theme="light"] .mxDayProj,html[data-theme="light"] .mxProjSm{color:var(--pink)!important}

/* white text that sat on dark panels */
html[data-theme="light"] :is(.headerText h1,.nlName,.nmWrap .nm,.tabs button.active){color:var(--text)!important;text-shadow:none!important}
html[data-theme="light"] .tabs button.active svg{color:var(--aqua)}
html[data-theme="light"] .seg.on{color:var(--aqua)!important;background:var(--aqua-tint)!important}
html[data-theme="light"] .nwTag.yours{color:var(--pink)!important;background:var(--pink-tint)!important}
html[data-theme="light"] .brHead{color:var(--text)!important}
html[data-theme="light"] .mxName,html[data-theme="light"] .mxName span{color:var(--text)!important}
html[data-theme="light"] button:not(:disabled):hover{background:#0b7d8c!important}
html[data-theme="light"] button.secondary:not(:disabled):hover{background:var(--raised2)!important;color:var(--text)!important}
html[data-theme="light"] .pfSw,html[data-theme="light"] .pfSw:not(:disabled):hover{background:var(--sw)!important}
html[data-theme="light"] .pfSw.on{border-color:var(--panel)!important}