/* Design tokens. Components must only use var(--token). */
:root {
  --bg: #FBF8F2;
  --surface: #F1EADC;
  --brand: #4DB53A;
  --brand-ink: #2C6B22;
  --ink: #1F2A1C;
  --ink-muted: #5C5648;
  --accent: #C8643B;
  --on-brand: #FFFFFF;

  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 24px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;

  --font-head: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --shadow-card: 0 2px 4px rgba(31, 42, 28, 0.06), 0 12px 28px rgba(31, 42, 28, 0.08);
}

/* De Boei: logo navy and red */
[data-venue="boei"] {
  --brand: #25356F;
  --brand-ink: #25356F;
  --accent: #AE1F3B;
  --on-brand: #FFFFFF;
}

/* De Phoenix: logo blue */
[data-venue="phoenix"] {
  --brand: #1EA4DF;
  --brand-ink: #0B6A96;
  --accent: #C2501B;
  --on-brand: #FFFFFF;
}