/*
  Design Plan:
  - Subject: Event registration desk, check-in log, pass verification, badge printouts.
  - Palette: Slate ink (#111827), clean canvas ground (#f9fafb), indigo accent (#2563eb), slate soft tint (#e5e7eb), status green (#059669), warning red (#dc2626).
  - Typography: Crisp neo-grotesque sans (Inter, Helvetica Neue, Arial).
  - Spatial: 4px base scale, clean flat layout with generous whitespace, crisp form boundaries.
  - Bold moment: A live registration desk status panel that pairs real attendee sign-in with live security badge upload and atomic check logging.
*/

:root {
  --color-ground: #f8fafc;
  --color-surface: #ffffff;
  --color-ink: #0f172a;
  --color-ink-muted: #64748b;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-success: #059669;
  --color-error: #dc2626;
  --color-border: #cbd5e1;
  --color-surface-subtle: #f1f5f9;

  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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: 6px;
}