/*
 * Subject: Event Check-in & Registration Console (Morning 20, Afternoon 30 capacity)
 * Idea: On this site, a clean event logistics desk protocol becomes a focused operational ledger with authenticated check logging, capacity tracking, and badge/ticket document deposit.
 * Why it fits: Event registrations need clear sign-in gates, unambiguous status records, and document attachment without unnecessary ornamentation.
 * Bold element: High-contrast status badges and tactile ledger cards.
 */

:root {
  --color-ground: #0d121c;
  --color-surface: #141c2b;
  --color-surface-subtle: #1c273c;
  --color-ink: #f0f4fc;
  --color-ink-muted: #95a3bd;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-accent-tint: #1e293b;
  --color-border: #2c3b55;
  --color-success: #10b981;
  --color-success-bg: rgba(16, 185, 129, 0.12);
  --color-danger: #ef4444;
  --color-danger-bg: rgba(239, 68, 68, 0.12);

  --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;
  --font-mono: ui-monospace, "Cascadia Code", Menlo, monospace;

  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2.25rem;

  --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: 6px;
}