/* Design tokens — Warm Wayfinder, clean (Apple/Google-grade) system.
   One source of truth for colour, type scale, radii, spacing, shadows.
   Text colours are tuned to meet WCAG 1.4.3 AA (>=4.5:1) on white. */
:root{
  /* The app is a light, warm design over a light basemap — lock the UA to light
     so form controls / blue dot don't get inverted in dark mode. */
  color-scheme: light;

  /* Native system font — zero web-font download, feels native not "designed". */
  --font-ui: system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";

  /* Brand / accent */
  --accent:        #e0612e;   /* brand orange — large text, icons, map fills, pins */
  --accent-text:   #b84812;   /* accent-coloured TEXT (links/tags) — 5.28:1 on white */
  --cta:           #c9501f;   /* primary button FILL — 4.52:1 white-on-fill */
  --cta-press:     #b3471b;
  --accent-tint:   #fff5ec;   /* recommended-row wash */

  /* Ink / text */
  --ink:           #1c1b19;
  --muted:         #6f6a5f;   /* body & helper text — 5.4:1 */
  --label:         #7c7468;   /* eyebrows / section labels — 4.6:1 */
  --faint:         #b0a48f;   /* DECORATIVE only (chevrons, dots) — not text */

  /* Surfaces */
  --bg:            #f4ece0;
  --surface:       #ffffff;
  --surface-2:     #efe9df;   /* secondary button fill (perceptible on white) */
  --hairline:      #efe9df;
  --hairline-2:    #e7e0d4;

  /* Status */
  --ok:            #3f8f4f;  --ok-bg:   #dcefda;  --ok-ink:   #2f6f3c;
  --warn:          #e0a32e;  --warn-bg: #fbe6cf;  --warn-ink: #8f5226;

  /* Map signals */
  --closed:        #e0612e;
  --route:         #c8956a;
  --gps:           #2f6df0;

  /* Focus */
  --focus:         #1a73e8;

  /* Type scale (size / weight) */
  --t-title:   600 20px/1.2 var(--font-ui);
  --t-item:    600 15px/1.25 var(--font-ui);
  --t-body:    400 13px/1.45 var(--font-ui);
  --t-eyebrow: 600 11px/1 var(--font-ui);
  --t-btn:     600 16px/1 var(--font-ui);

  /* Radii */
  --r-btn:  14px;
  --r-card: 16px;
  --r-sheet: 26px;
  --r-pill: 999px;

  /* Spacing */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px;

  /* Shadows (single, soft) */
  --shadow-sheet: 0 -1px 0 var(--hairline), 0 -10px 34px rgba(28,27,25,.10);
  --shadow-pop:   0 12px 36px rgba(28,27,25,.22);
  --shadow-pin:   0 2px 6px rgba(28,27,25,.30);

  /* Tap target floor (WCAG 2.5.8 / Apple HIG) */
  --tap: 44px;
}