/*
Subject: Event registration with verification checks & document upload
Plan:
1. Ground: warm clean surface (#f6f5f1 equivalent tone oklch(0.97 0.005 80))
2. Ink: deep slate navy oklch(0.22 0.02 260)
3. Accent: vivid indigo teal oklch(0.48 0.14 235)
4. Shapes: crisp square precision with subtle 4px borders on controls, strong typography
5. Live thing: interactive registration checklist & session capacity status
Competitor test: On this site, check-in requirements and session capacity become a live attendee verification console.
*/

:root {
  --color-ground: oklch(0.97 0.005 80);
  --color-surface: oklch(0.99 0.002 80);
  --color-surface-subtle: oklch(0.93 0.008 80);
  --color-ink: oklch(0.20 0.02 260);
  --color-ink-muted: oklch(0.45 0.02 260);
  --color-accent: oklch(0.48 0.14 235);
  --color-accent-hover: oklch(0.42 0.14 235);
  --color-danger: oklch(0.55 0.20 25);
  --color-success: oklch(0.50 0.14 145);

  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

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

  --radius-sm: 4px;
  --radius-md: 6px;
}