/* Waitless Travel design tokens — the single source of truth for color and
   type. Every page stylesheet links this file FIRST and must reference these
   variables instead of raw hex values.
   Brand: navy + warm off-white; coral is brand/CTA/alert. The semaphore
   (ok/warn/bad) is reserved for wait & crowd DATA and is darkened to meet
   WCAG AA on white and on the off-white background. Archivo (OFL, self-hosted)
   is the display face for headings and wait numbers. */
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo-var.woff2') format('woff2');
  font-weight: 400 900;
  font-display: swap;
}
:root {
  --navy: #16233f;
  --bg: #faf7f2;
  --coral: #ff6b4a;
  --coral-cta: #c93a1d;
  --ok: #177a41;
  --warn: #96690a;
  --bad: #d43a2a;
  --ok-on-navy: #72d798;
  --on-navy-soft: #d9e2f0;
  --alert-bg: #fff4f0;
  --alert-line: #f3c1bb;
  --alert-ink: #703528;
  --muted: #5a6a86;
  --body: #43516a;
  --line: #e5e0d5;
  --line-cool: #d8dee9;
  --panel: #edf3f6;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Archivo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
h1, h2, .wait, .wait-number { font-family: var(--font-display); }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 2px; }