/*
  Shared token definition layer — the only place raw constitution hex may appear.
  Components consume semantic roles, never these hex literals.
*/
:root {
  --color-surface: #f2f1ed;
  --color-surface-raised: #f7f6f2;
  --color-text: #1b1d22;
  --color-text-quiet: #5c616a;
  --color-rule: #d7d4ce;
  --color-boundary: #b8b4ac;
  --color-accent: #a01828;
  --color-danger: #a01828;
  --color-quiet: #5c616a;
  --color-mat: #1b1d22;
  --color-on-mat: #f2f1ed;

  --font-serif: 'Newsreader Variable', Newsreader, 'Times New Roman', serif;
  --font-sans: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;

  --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: 4rem;

  --measure: 72rem;
  --sidebar: 14.5rem;
  --radius: 4px;
  --hairline: 1px;
}