:root {
  --accent: #F67420;
  --accent-rgb: 246, 116, 32;
  --accent-dark: #D95F12;
  --accent-light: #FF8738;
  --accent-tint: rgba(246, 116, 32, 0.08);

  --ink: #0A0A0C;
  --bg: #FFFFFF;
  --bg-alt: #F5F4F2;

  --panel-dark: #151518;
  --panel-dark-2: #1e1e23;
  --panel-dark-3: #26262d;

  --border: #ECE9E1;
  --border-2: #E7E4DC;
  --border-3: #E4E1D9;

  --text-muted: #55555c;
  --text-faint: #8a8a90;
  --text-faint-2: #a5a5aa;

  --green: #0a8f4d;
  --green-bg: #e5f7ec;

  --red: #ff5f57;
  --red-2: #e23b2c;
  --red-3: #ff7a6e;
  --red-4: #ff6a5c;

  --font-display: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Arimo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* Journey environment (sky / lighting) */
  --sky-morning-top: #FFF6E8;
  --sky-morning-bottom: #FCE8C7;
  --sky-afternoon-top: #FFEDE0;
  --sky-afternoon-bottom: #FBD9B8;
  --sky-afternoon-glow: rgba(217, 95, 18, .10);

  /* Route line */
  --route-track: var(--border-2);
  --route-line: var(--accent);
  --route-casing: #FFFFFF;

  /* Status-chip states: WAITING -> DEPARTED -> ON ROUTE -> ARRIVING -> ARRIVED */
  --status-waiting-bg: var(--border);
  --status-waiting-text: var(--text-muted);
  --status-departed-bg: var(--accent-tint);
  --status-departed-text: var(--accent-dark);
  --status-onroute-bg: rgba(var(--accent-rgb), .14);
  --status-onroute-text: var(--accent-dark);
  --status-arriving-bg: rgba(255, 135, 56, .16);
  --status-arriving-text: var(--accent-dark);
  --status-arrived-bg: var(--green-bg);
  --status-arrived-text: var(--green);
}