/* Colours mirror brand/tokens.json; tests/test_site.py fails when they drift. */
:root {
  color-scheme: light dark;
  --bg: #F7F7F9;
  --surface: #FFFFFF;
  --border: #DCDEE5;
  --text: #14161D;
  --text-2: #585E6D;
  --primary: #3A4AA8;
  --on-primary: #FFFFFF;
  --needs-you: #A65400;
  --saving: #13734A;
  --accent: #C9740A;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --type-title: clamp(2rem, 6.4vw, 3.5rem);
  --type-head: 1.375rem;
  --type-body: 1rem;
  --leading-title: 1.08;
  --leading-body: 1.55;
  --weight-medium: 500;
  --weight-bold: 650;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5rem;

  --radius: 0.625rem;
  --line: 1px;
  --target: 2.75rem;
  --measure: 40rem;
  --page: 68rem;
  --cursor-w: 0.42em;
  --cursor-h: 0.72em;
  --blink: 1.6s;
  --shadow: 0 1px 2px rgb(20 22 29 / 0.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0E1015;
    --surface: #171A21;
    --border: #2B2F3A;
    --text: #ECEDF2;
    --text-2: #A2A7B5;
    --primary: #9AA7F2;
    --on-primary: #0E1015;
    --needs-you: #F2B04B;
    --saving: #4CC98A;
    --accent: #F2B04B;
    --shadow: none;
  }
}