/* Dark theme, switched by the toggle in the top bar (data-theme="dark" on
   <html>). Overrides the same tokens the light theme defines, so every screen
   that uses tokens turns dark with no per-screen work. Hand-written. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #E8EEF3; --ink-2: #B4C2CE; --ink-3: #8497A6;
  --signal: #1BB5C9; --signal-d: #5FD3E3; --signal-l: #12303A;
  --aurora: #9A8DFF; --aurora-l: #25203F;
  --gold: #FFB627; --gold-l: #3A2E12;
  --coral: #FF7B6B; --coral-l: #3C1F1C;
  --paper: #0E1621; --card: #16212E; --line: #243445;
  --ok: #4CD08A; --ok-l: #13342A;
  --warn: #F0A04B; --warn-l: #3A2A14;
  --danger: #FF7B6B; --danger-l: #3C1F1C;
  --info: #6DB3F2; --info-l: #14283D;
}
:root[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
:root[data-theme="dark"] img { filter: none; }

:root[data-theme="dark"] { --sn-bg: #0B1320; --paper: #0E1724; --card: #141F2D; --line: #223142; --signal-d: #159AAB; }

[data-theme="dark"] .st-theme { border: 1px solid var(--line); border-radius: 10px; padding: 3px; background: var(--card); }
[data-theme="dark"] .st-theme .st-tb[data-theme-set="dark"] { display: inline-flex; background: var(--signal-l); }
[data-theme="dark"] .st-theme .st-tb { height: 36px; min-width: 38px; }