/* Design tokens. One place for colour, type and space (CLAUDE.md section 9). */
:root {
  --maroon: #7F3B35;
  --brick: #B0533A;
  --gold: #F6D27A;
  --cream: #FCF8F4;
  --paper: #FFFFFF;
  --navy: #1F1766;
  --crimson: #A8141F;
  --ink: #2A1F1D;
  --ink-soft: #5E4F4B;
  --rule: #E7DCD3;
  --tint: #FBF1EA;
  --ok: #2F6B3A;
  --ok-tint: #E8F3EA;
  --warn: #8A5A00;
  --warn-tint: #FFF4D6;
  --danger: #A8141F;
  --danger-tint: #FBE7E4;
  --focus: #1F1766;

  --font-display: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius: 10px;
  --target: 48px;
}