:root {
  --ink: #14272c;
  --surface: #20373c;
  --raised: #2b464b;
  --paper: #edf1e9;
  --muted: #bacac9;
  --accent: #b9e3cb;
  --copper: #dfb98b;
  --danger: #ffb4a9;
  --line: #466068;
  --thumb: #789297;
  --thumb-hover: #bacac9;
  --thumb-active: #dfb98b;
  --radius: 18px;
  --control-radius: 10px;
  --space: 24px;
  --body: 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --display: 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
}
/* Quiz paper remains fixed in both color modes. */
:root{--quiz-bg:#edf1e9;--quiz-ink:#14272c;--quiz-line:#466068;--quiz-accent:#b9e3cb;--quiz-error:#ffb4a9}
:root[data-color=light]{--ink:#f5f7f2;--surface:#ffffff;--raised:#e4eae2;--paper:#14272c;--muted:#4b6268;--accent:#255b50;--copper:#795126;--danger:#9b302b;--line:#a6b6b2;--thumb:#6a8387;--thumb-hover:#255b50;--thumb-active:#795126}