/*
  Design Plan:
  - Subject: Annual summit registration desk & badge verification portal.
  - Materials & palette: Deep slate ink, crisp off-white surface, vibrant emerald teal accent for verification and readiness, subtle border/divider tones via color-mix.
  - Type: High-legibility humanist / geometric sans with tabular figures for badge IDs, dates and check timestamps.
  - One bold element: A crisp, uncluttered verification deck that unites attendee sign-in, live status checks from the database, and digital badge/document credential upload.
*/

:root {
  --color-ground: #f4f6f8;
  --color-surface: #ffffff;
  --color-ink: #111827;
  --color-muted: #4b5563;
  --color-accent: #0f766e;
  --color-accent-hover: #115e59;
  --color-accent-tint: color-mix(in oklch, var(--color-accent) 12%, transparent);
  --color-danger: #b91c1c;
  --color-danger-tint: color-mix(in oklch, var(--color-danger) 10%, transparent);
  --color-border: color-mix(in oklch, var(--color-ink) 14%, transparent);
  --color-border-subtle: color-mix(in oklch, var(--color-ink) 8%, transparent);

  --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-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.35rem;
  --font-size-2xl: 1.85rem;

  --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;

  --radius: 0.5rem;
}