/* Shared light/dark UI palette. Board colors deliberately stay constant. */
:root{color-scheme:light;--bg:#efe0bc;--surface:#ead8b1;--soft:#dfc89b;--border:#b9a175;--text:#30271d;--muted:#665438;--accent:#68471e;--danger:#932d22;--paper:#f3e3bf;--input:#f6e8c9;--button-ink:#fff4dd;--primary-hover:#805c30;--active-bg:#d5bb89;--active-text:#30271d;--active-border:#9c783b;--warning-bg:#eddbad;--warning-border:#a97a26;--warning-text:#66420c;--error-bg:#f3d5bc;--error-border:#b76f54;--error-text:#8b2f24;--board-paper:#f1dfb0;--board-top:#f1dfb0;--board-bottom:#f1dfb0;--board-line:#000;--board-ink:#000;--board-mark:#000;--diagram-paper:#f1dfb0;--diagram-line:#000}
:root[data-mode=dark]{color-scheme:dark;--bg:#171717;--surface:#222222;--soft:#2d2d2d;--border:#404040;--text:#ededed;--muted:#adadad;--accent:#dfbd80;--danger:#f0a191;--paper:#202020;--input:#181818;--button-ink:#181818;--primary-hover:#f0f0f0;--active-bg:#383838;--active-text:#f1f1f1;--active-border:#858585;--warning-bg:#3d3424;--warning-border:#756549;--warning-text:#e3c38e;--error-bg:#412a28;--error-border:#765048;--error-text:#ffc1af}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font:inherit;font-size:12px;cursor:pointer;padding:7px 10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px}
.theme-toggle:hover{background:var(--soft)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}