/* Design tokens. Components only ever read these.
   Cardboard warmth on dotted kraft paper, sticker shadows. */

:root {
  --bg: #f2e9d8;
  --bg-pattern: radial-gradient(circle, rgb(90 60 30 / 0.22) 1.2px, transparent 1.6px) 0 0 / 18px 18px;
  --surface: #fffaf0;
  --surface-2: #f3e7d0;
  --ink: #2a1b10;
  --ink-2: #7a6048;
  --line: #dcc9a8;
  --line-strong: #2a1b10;
  --accent: #e2522b;
  --accent-ink: #ffffff;
  --display: 'Bricolage Grotesque', system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.045em;
  --display-transform: none;
  --body: 'Bricolage Grotesque', system-ui, sans-serif;
  --label: 'Geist Mono', ui-monospace, monospace;
  --label-size: 12px;
  --label-tracking: 0.04em;
  --radius: 12px;
  --border: 2px;
  --shadow: 4px 4px 0 #2a1b10;
  --shadow-hover: 6px 6px 0 #2a1b10;
  --btn-bg: #e2522b;
  --btn-ink: #ffffff;
  --btn-bg-hover: #2a1b10;
  --btn-ink-hover: #ffffff;

  /* Semantic colours (crowd bar, verdicts). */
  --ok: #1a9e55;
  --meh: #f2c511;
  --bad-1: #f28a1a;
  --bad: #e2362a;
}