/* Design tokens — extracted from the live main olli40 page
   (https://olli40.hilite.cc/), olli40activities_design_tokens.md.
   Warm off-white canvas, dark-brown ink, Inter body + Playfair Display headings. */

:root {
  /* Palette */
  --bg: #f9f8f6;          /* warm off-white canvas */
  --ink: #483223;         /* dark warm brown — body copy */
  --ink-soft: #6f5a48;    /* muted brown for secondary text */
  --card: #ffffff;
  --line: #e6e0d8;        /* hairline borders */
  --accent: #8a5a2b;      /* warm brown accent (buttons, links) */
  --accent-ink: #ffffff;
  --free: #2f7a44;        /* green — "FREE" emphasis */
  --danger: #a23b2e;      /* error / sold-out */
  --disabled-bg: #f0ece6;
  --disabled-ink: #b3a695;

  /* Fonts */
  --font-body: Inter, -apple-system, system-ui, "Segoe UI", sans-serif;
  --font-display: "Playfair Display", Georgia, serif;

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(72, 50, 35, 0.08), 0 4px 12px rgba(72, 50, 35, 0.06);
}