:root {
  --bg: oklch(98% 0.004 240);
  --surface: oklch(100% 0 0);
  --fg: oklch(20% 0.02 240);
  --muted: oklch(50% 0.018 240);
  --border: oklch(90% 0.006 240);
  --accent: oklch(56% 0.12 170);           /* primary green; ≤2 uses per screen */
  --cat-music: oklch(56% 0.16 290);
  --cat-kids: oklch(75% 0.15 85);
  --cat-arts: oklch(55% 0.14 25);
  --cat-outdoors: oklch(55% 0.13 150);
  --cat-market: oklch(58% 0.12 60);
  --font-display: 'Söhne','Avenir Next',-apple-system,system-ui,sans-serif; /* 700-weight */
  --font-mono: ui-monospace,'JetBrains Mono','SF Mono',Menlo,monospace;      /* dates, badges */
}

/* radii 10–18px */
:root {
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;
}

/* category pill tints = color-mix(in oklab, var(--cat-*) 12–26%, white) */
:root {
  --tint-music: color-mix(in oklab, var(--cat-music) 14%, white);
  --tint-kids: color-mix(in oklab, var(--cat-kids) 26%, white);
  --tint-arts: color-mix(in oklab, var(--cat-arts) 14%, white);
  --tint-outdoors: color-mix(in oklab, var(--cat-outdoors) 16%, white);
  --tint-market: color-mix(in oklab, var(--cat-market) 18%, white);
}