/* Design Plan:
   Subject: Minimal event registration & credential portal.
   Idea: On this site, a clean checklist pass transforms into a high-clarity event credential desk where attendee checks and proof uploads are verified.
   Ground: #f8fafc (crisp slate ground), Ink: #0f172a (dense slate ink), Accent: #0284c7 (clear cyan-blue action),
   Tones: #ffffff (white card surface), #e2e8f0 (subtle structural divider), #64748b (muted ink).
   Type: Inter / neo-grotesque sans stack.
   Shape: 8px refined geometry for modern desk precision.
*/
:root {
  --color-ground: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-soft: #f1f5f9;
  --color-ink: #0f172a;
  --color-muted: #64748b;
  --color-accent: #0284c7;
  --color-accent-hover: #0369a1;
  --color-border: #cbd5e1;
  --color-border-soft: #e2e8f0;
  --color-success-bg: #ecfdf5;
  --color-success-ink: #065f46;
  --color-danger-bg: #fef2f2;
  --color-danger-ink: #991b1b;

  --font-body: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --font-display: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 9999px;
}