/*
 * The page's colours (spec 2026-10-07 §3.1). Dark is the default; /theme.js sets data-theme on <html> before the first
 * paint. The table's tokens are the spec's values; the `-text` and `-fg` ones are text on a coloured ground — darkened
 * where the table's colour would read under 4.5:1. test/tokens.test.ts holds both: the table, and every pair the page draws.
 */
:root {
  color-scheme: dark;
  --bg: #0b0e19; --top: #0e1222; --panel: #131833; --raise: #182044; --input: #0b0e19; --th: #10152c;
  --line: #232a4a; --line2: #2d3660;
  --fg: #f1f3ff; --muted: #8b93b8; --faint: #5d668c;
  --accent: #2ee6c5; --accent-fg: #06121a;
  --chip: #1b2140; --sel: #16204a; --hover: #151c3d;
  --danger: #ff4d79; --danger-soft: #3a1426; --danger-text: #ff4d79; --danger-fg: #1a0610;
  --ok: #3df0a1; --ok-soft: #0f2a24; --ok-text: #3df0a1;
  --info: #5cc8ff; --info-soft: #122a44; --info-text: #5cc8ff;
  --warn: #ffb020; --warn-soft: #2c2412; --warn-text: #ffb020; --warn-fg: #1a1200;
  --reg-netim: #5cc8ff; --reg-netim-fg: #06121a; --reg-namecheap: #c792ff; --reg-namecheap-fg: #14062a; --reg-godaddy: #3ddc97; --reg-godaddy-fg: #04160e;
  --accent-soft: rgb(46 230 197 / 10%); --warn-line: rgb(255 176 32 / 50%); --danger-line: rgb(255 77 121 / 45%);
  --shadow: 0 12px 30px rgb(0 0 0 / 45%);
  --r: 7px; --rl: 10px; --rp: 12px;
  --font: system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #eef0f5; --top: #ffffff; --panel: #ffffff; --raise: #f6f7fb; --input: #eef0f5; --th: #f7f8fb;
  --line: #dde1ea; --line2: #cfd4e0;
  --fg: #0b1020; --muted: #5b6478; --faint: #8a93a8;
  --accent: #0b7f74; --accent-fg: #ffffff;
  --chip: #e7eaf2; --sel: #e3f6f4; --hover: #f1f3f8;
  --danger: #e11d48; --danger-soft: #fde4ea; --danger-text: #be123c; --danger-fg: #ffffff;
  --ok: #059669; --ok-soft: #dcf7ea; --ok-text: #047857;
  --info: #0284c7; --info-soft: #e0f2fe; --info-text: #0369a1;
  --warn: #d97706; --warn-soft: #fff1d6; --warn-text: #92400e; --warn-fg: #1a1200;
  --reg-netim: #0369a1; --reg-netim-fg: #ffffff; --reg-namecheap: #7c3aed; --reg-namecheap-fg: #ffffff; --reg-godaddy: #047857; --reg-godaddy-fg: #ffffff;
  --accent-soft: rgb(11 127 116 / 10%); --warn-line: rgb(217 119 6 / 50%); --danger-line: rgb(225 29 72 / 40%);
  --shadow: 0 12px 30px rgb(15 23 42 / 16%);
}