/* Gray-white theme: darker readable text, distinct surfaces and clear selected states. */
html[data-theme=light]{--bg:#dce2e8;--surface:#f7f9fb;--panel:#f9fafc;--input:#eef1f5;--border:#9ba8b6;--line:#a2aebc;--muted:#455365;--text:#192838;--gold:#705218;--accent:#705218;--selected:#e8dcc0}
html[data-theme=light] body{color:var(--text);background:#dce2e8}
html[data-theme=light] .sidebar{background:#e7ecf1;border-color:#9ba8b6}
html[data-theme=light] .workspace-header,html[data-theme=light] .app-header,html[data-theme=light] .header{background:#f7f9fb;border-color:#9ba8b6}
html[data-theme=light] .play-panel,html[data-theme=light] .center-card,html[data-theme=light] .center-form,html[data-theme=light] .currency-card,html[data-theme=light] .center-stat{border-color:#a2aebc;box-shadow:0 2px 7px #24364b12}
html[data-theme=light] .form-panel:before{background:#f7f9fbee;border-color:#a2aebc;box-shadow:0 8px 24px #24364b16}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] .field input{color:#192838;background:#f3f6f9;border-color:#8796a8}
html[data-theme=light] input::placeholder,html[data-theme=light] .field input::placeholder{color:#5c6979;opacity:1}
html[data-theme=light] .play-choice,html[data-theme=light] .play-tabs button,html[data-theme=light] .period-tabs button,html[data-theme=light] .center-tabs button,html[data-theme=light] .tabs button,html[data-theme=light] .text-button{color:#455365}
html[data-theme=light] .play-choice[aria-pressed=true],html[data-theme=light] .play-tabs button[aria-pressed=true],html[data-theme=light] .period-tabs button[aria-pressed=true],html[data-theme=light] .center-tabs button[aria-pressed=true],html[data-theme=light] .submenu-item.active{background:#e8dcc0;color:#654812;border-color:#896827;box-shadow:inset 0 0 0 1px #896827;font-weight:650}
html[data-theme=light] .tabs button[aria-selected=true]{color:#654812;border-color:#896827;font-weight:650}
html[data-theme=light] .primary-button{background:#765b29;color:#fff;border-color:#765b29;box-shadow:0 2px 4px #24364b15}
html[data-theme=light] .primary-button:hover{background:#61471c}
html[data-theme=light] .deposit-button{background:#765b29;color:#fff;border-color:#765b29}
html[data-theme=light] .prototype-note,html[data-theme=light] .form-note,html[data-theme=light] .password-hint,html[data-theme=light] footer,html[data-theme=light] footer button,html[data-theme=light] dialog p{color:#455365}
html[data-theme=light] .sample-badge,html[data-theme=light] .preview-tag,html[data-theme=light] .outcome-pill{color:#654812;border-color:#b09c71;background:#eee5d1}
html[data-theme=light] .bet-history-table [data-state=hit] .bet-result,html[data-theme=light] .feed-state[data-status=live],html[data-theme=light] .trend-round-badge[data-outcome=up] strong,html[data-theme=light] .trend-round-badge[data-outcome=up] b{color:#176647}
html[data-theme=light] .bet-history-table [data-state=miss] .bet-result,html[data-theme=light] .feed-state[data-status=unavailable],html[data-theme=light] .feed-state[data-status=stale],html[data-theme=light] .trend-round-badge[data-outcome=down] strong,html[data-theme=light] .trend-round-badge[data-outcome=down] b{color:#a32f37}
html[data-theme=light] .candle-up{stroke:#176647;fill:#176647}html[data-theme=light] .candle-down{stroke:#a32f37;fill:#a32f37}
html[data-theme=light] .history-row[data-current=true]{background:#e8dcc0;border-radius:4px}
html[data-theme=light] dialog{background:#f9fafc;border-color:#8796a8}
html[data-theme=light] :is(input,select,button,a):focus-visible{outline:2px solid #1f5ea8;outline-offset:3px}
/* The felt remains dark in both themes; its captions need light foregrounds. */
html[data-theme=light] #play-section .card-table .hand-caption{color:#f3d18b}
html[data-theme=light] #play-section .card-table .hand-points{color:#f0f4f1}