/*
 * Mettā design tokens (version 1) – generated from tokens.json of the
 * design system "Mettā": https://claude.ai/artifact/J1j2TRe5fvs5xjLLSY2ZS7
 * Do not edit by hand; regenerate from the design system when a token changes.
 * Loaded before Tailwind; app/assets/tailwind/application.css maps these
 * variables to Tailwind theme values. Only a light theme exists so far.
 */
:root {
  /* Colours */
  --surface: #FBF3EA;
  --surface-card: #FFFAF5;
  --surface-soft: #F8DCC6;
  --surface-tint: #F4C9A8;
  --tint-1: #F6D2B8;
  --tint-2: #F3DCC0;
  --tint-3: #EFC6B5;
  --line: #EFC4A4;
  --ink: #3B2519;
  --text: #4A3428;
  --text-muted: #7A5A48;
  --accent: #A3462A;
  --accent-strong: #7D321C;
  --on-accent: #FFFFFF;
  --sage: #E9EFE3;
  --sage-ink: #3E5634;
  --pin-teacher: #5D7A4F;
  --pin-partner: #3D5A8A;
  --danger: #B42318;
  --focus: var(--accent);

  /* Route colours of the ride map (TASK-054), one per driver: six clearly
     distinct hues, at least 3:1 against the surface and under white arrows.
     App-specific, not (yet) part of the Mettā design system; only a light
     theme exists, so there is no dark variant. */
  --route-1: #C2410C;
  --route-2: #1D4ED8;
  --route-3: #15803D;
  --route-4: #7E22CE;
  --route-5: #0E7490;
  --route-6: #BE185D;

  /* Font families */
  --font-display: Fraunces, Georgia, "Times New Roman", serif;
  --font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: Caveat, "Segoe Print", "Bradley Hand", cursive;

  /* Spacing (4/8 grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-10: 40px;
  --space-12: 48px;
  --space-20: 80px;

  /* Radii */
  --radius-sm: 12px;
  --radius-button: 14px;
  --radius-card: 20px;
  --radius-arch: 110px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-float: 0 10px 30px rgba(163, 70, 42, 0.14);

  /* Breakpoints (reference only; custom properties do not work in media queries) */
  --bp-md: 768px;
}