/*
  Design Plan:
  1. Subject: Release Check Picnic — a 3-seat picnic table test, check cloth, timber grain, grass green, sunny lawn, crisp napkin tags.
  2. Idea: On this site, a picnic blanket check and wooden seat slat grid becomes an earthy, tactile reservation card with clear physical seat tokens.
  3. Bold element: A real-time seat indicator showing 3 tangible picnic spots (open / claimed), updating immediately.
  4. Palette: Ground (warm oatmeal linen), Ink (deep forest peat), Accent (ripe tomato red), Support: Moss green, Sun straw, Slate shadow.
  5. Fonts: Industrial sans Bahnschrift / Franklin Gothic for clear numbers & labels, human sans for warm natural prose.
*/

:root {
  --color-ground: #f7f4ec;
  --color-ground-card: #ffffff;
  --color-ink: #1f271f;
  --color-ink-muted: color-mix(in oklch, var(--color-ink) 70%, transparent);
  --color-accent: #c94026;
  --color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);
  --color-moss: #3a6344;
  --color-moss-soft: color-mix(in oklch, var(--color-moss) 12%, var(--color-ground));
  --color-straw: #edd79b;
  --color-slate-tint: color-mix(in oklch, var(--color-ink) 6%, var(--color-ground));
  --color-border: color-mix(in oklch, var(--color-ink) 14%, var(--color-ground));
  --color-error-bg: #fee2e2;
  --color-error-ink: #991b1b;
  --color-success-bg: #dcfce7;
  --color-success-ink: #14532d;

  --font-display: 'Bahnschrift', 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  --font-body: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;

  --font-size-hero: clamp(2rem, 5vw, 2.75rem);
  --font-size-h2: clamp(1.35rem, 3.5vw, 1.75rem);
  --font-size-h3: 1.15rem;
  --font-size-body: 1rem;
  --font-size-sm: 0.875rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  --radius: 8px;
}