/* Design tokens, from docs/07-design/design-system.md. The contrast gate
   (tests/web/pages/test_pages_contrast.py) checks every text and non-text pair. */

:root {
  color-scheme: light dark;
  --bg: #f1f4f6;
  --card: #fafafc;
  --fg: #041e2e;
  --muted-fg: #5d686e;
  --border: #e1e7eb;
  --input-border: #7a868d;
  --primary: #6432ff;
  --primary-fg: #fafafc;
  --link: #6432ff;
  --ring: #6432ff;
  --danger: #df0000;
  --ok: #0b6b3a;
  --warn: #8a5a00;
  --radius: 0.5rem;
  --font-display: "Lufga", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", "Lufga", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #031923;
    --card: #07202b;
    --fg: #f5f7fa;
    --muted-fg: #94a3b0;
    --border: #1a3a4f;
    --input-border: #5b7487;
    --primary: #7054e8;
    --primary-fg: #fafafc;
    --link: #9789ff;
    --ring: #9789ff;
    --danger: #ff6467;
    --ok: #5fd48a;
    --warn: #f5c451;
  }
}