/* The Settings sheet itself previews every visual theme instantly.
   Competitive rules and board state are unchanged. */
html[data-theme="ink"] {
  --menu-bg:var(--sheet);--menu-surface:var(--tile-paper);
  --menu-text:var(--graphite);--menu-muted:var(--soft-ink);
  --menu-border:var(--rule);--menu-accent:var(--graphite);
  --menu-accent-text:var(--tile-paper);--menu-active:var(--inset);
}
html[data-theme="classic"] {
  --menu-bg:#143b51;--menu-surface:#20475d;--menu-text:#fff5e8;
  --menu-muted:#d1e1e0;--menu-border:#8aadb6;
  --menu-accent:#efcf99;--menu-accent-text:#1a3341;--menu-active:#2b5567;
}
html[data-theme="terminal"] {
  --menu-bg:#071810;--menu-surface:#10251a;--menu-text:#dbffe1;
  --menu-muted:#adf0b9;--menu-border:#57aa69;
  --menu-accent:#b7ffba;--menu-accent-text:#062015;--menu-active:#1a3d25;
}
html[data-theme="tabletop"] {
  --menu-bg:#32251e;--menu-surface:#463327;--menu-text:#fff1db;
  --menu-muted:#e6d1b5;--menu-border:#b59c7d;
  --menu-accent:#f2d6a4;--menu-accent-text:#3b2619;--menu-active:#624733;
}
html[data-theme="library"] {
  --menu-bg:#1e233d;--menu-surface:#303553;--menu-text:#fbefdd;
  --menu-muted:#dfd7e9;--menu-border:#a9a0bd;
  --menu-accent:#f3d8a0;--menu-accent-text:#302e47;--menu-active:#3d4263;
}
html[data-theme="tidepool"] {
  --menu-bg:#123e4c;--menu-surface:#205969;--menu-text:#eefff8;
  --menu-muted:#c7e9e4;--menu-border:#85bbba;
  --menu-accent:#c9f2e5;--menu-accent-text:#194853;--menu-active:#316c79;
}
html[data-theme="arcade"] {
  --menu-bg:#21183e;--menu-surface:#362659;--menu-text:#fff3fb;
  --menu-muted:#e5d2f8;--menu-border:#bb9aca;
  --menu-accent:#ffd4f3;--menu-accent-text:#39204c;--menu-active:#523670;
}
html[data-theme="garden"] {
  --menu-bg:#1c332b;--menu-surface:#314d3b;--menu-text:#fff5e7;
  --menu-muted:#dcdfc9;--menu-border:#abc7a1;
  --menu-accent:#efdfac;--menu-accent-text:#2f3a2b;--menu-active:#44634c;
}
html[data-theme="clockwork"] {
  --menu-bg:#362c29;--menu-surface:#4b3e37;--menu-text:#fff1d9;
  --menu-muted:#ebd9bd;--menu-border:#c5a984;
  --menu-accent:#f7d7a0;--menu-accent-text:#433126;--menu-active:#624f44;
}
html[data-theme="observatory"] {
  --menu-bg:#182545;--menu-surface:#2b3962;--menu-text:#fff5e5;
  --menu-muted:#d8dbee;--menu-border:#98aed2;
  --menu-accent:#f2dcae;--menu-accent-text:#253152;--menu-active:#3d4b73;
}
html[data-theme="paper"] {
  --menu-bg:#483440;--menu-surface:#5c4451;--menu-text:#fff4ea;
  --menu-muted:#ead9d8;--menu-border:#c5a4aa;
  --menu-accent:#f8dcbb;--menu-accent-text:#43313a;--menu-active:#745360;
}
/* Higher specificity than old hard-coded settings colors in settings.css. */
html[data-theme] #settings-dialog .settings-sheet,
html[data-theme] #settings-dialog .settings-top,
html[data-theme] #settings-dialog .settings-tabs,
html[data-theme] #settings-dialog .settings-footer {
  background:var(--menu-bg)!important;
  color:var(--menu-text)!important;
  border-color:var(--menu-border)!important;
}
html[data-theme] #settings-dialog .settings-sheet h2,
html[data-theme] #settings-dialog .settings-sheet .sheet-kicker,
html[data-theme] #settings-dialog .settings-sheet .field-label,
html[data-theme] #settings-dialog .settings-sheet .motion-choice strong,
html[data-theme] #settings-dialog .settings-sheet .sound-choice strong {
  color:var(--menu-text)!important;
}
html[data-theme] #settings-dialog .settings-sheet p,
html[data-theme] #settings-dialog .settings-sheet p.note,
html[data-theme] #settings-dialog .settings-sheet .settings-hint,
html[data-theme] #settings-dialog .settings-sheet .theme-note,
html[data-theme] #settings-dialog .settings-sheet .motion-choice small,
html[data-theme] #settings-dialog .settings-sheet .sound-choice small {
  color:var(--menu-muted)!important;
}
html[data-theme] #settings-dialog .settings-tabs button,
html[data-theme] #settings-dialog .theme-choice,
html[data-theme] #settings-dialog .motion-choice,
html[data-theme] #settings-dialog .sound-choice,
html[data-theme] #settings-dialog .sound-test,
html[data-theme] #settings-dialog .field-select,
html[data-theme] #settings-dialog .lifetime-grid div {
  background:var(--menu-surface)!important;
  color:var(--menu-text)!important;
  border:1px solid var(--menu-border)!important;
}
html[data-theme] #settings-dialog .settings-tabs button[aria-selected="true"] {
  background:var(--menu-accent)!important;
  color:var(--menu-accent-text)!important;
  border-color:var(--menu-accent)!important;
}
html[data-theme] #settings-dialog .theme-choice[aria-pressed="true"] {
  background:var(--menu-active)!important;
  color:var(--menu-text)!important;
  border:2px solid var(--menu-accent)!important;
  box-shadow:inset 0 0 0 1px var(--menu-accent)!important;
}
html[data-theme] #settings-dialog .sheet-close {
  background:var(--menu-surface)!important;
  color:var(--menu-text)!important;
  border-color:var(--menu-border)!important;
}
html[data-theme] #settings-dialog .settings-footer .sheet-primary,
html[data-theme] #settings-dialog .settings-scroll .sheet-primary {
  background:var(--menu-accent)!important;
  color:var(--menu-accent-text)!important;
  border:1px solid var(--menu-accent)!important;
}
html[data-theme] #settings-dialog .lifetime-head,
html[data-theme] #settings-dialog .lifetime-grid strong {
  color:var(--menu-text)!important;
}
html[data-theme] #settings-dialog .lifetime-head span,
html[data-theme] #settings-dialog .lifetime-grid span,
html[data-theme] #settings-dialog .sound-feedback {
  color:var(--menu-muted)!important;
}
html[data-theme] #settings-dialog .theme-current {
  display:flex;justify-content:center;align-items:center;gap:5px;
  margin:3px 0 13px!important;min-height:24px;
  font-size:12px!important;font-weight:750;letter-spacing:.01em;
  color:var(--menu-text)!important;
}
html[data-theme] #settings-dialog .theme-current::before {
  content:'✓';font-size:12px;color:var(--menu-text);font-weight:900;
}
html[data-theme] #settings-dialog .field-select:focus-visible,
html[data-theme] #settings-dialog button:focus-visible {
  outline:2px solid var(--menu-accent)!important;
  outline-offset:3px;
}