/**
 * JazzaGo / BusGO design tokens — single source of primitives.
 * Loaded before style.css; do not add component rules here.
 */
:root {
  /* Brand */
  --color-brand: #e53e3e;
  --color-brand-dark: #c53030;
  --color-brand-light: #fff5f5;

  /* Semantic */
  --color-success: #276749;
  --color-success-bg: #c6f6d5;
  --color-danger: #9b2c2c;
  --color-danger-bg: #fed7d7;
  --color-warning: #744210;
  --color-warning-bg: #fefcbf;
  --color-info: #2a4365;
  --color-info-bg: #bee3f8;
  --color-neutral: #4a5568;
  --color-neutral-bg: #e2e8f0;
  --color-dispatch: #854d0e;
  --color-dispatch-bg: #fef9c3;
  --color-vip: #553c9a;
  --color-vip-bg: #e9d8fd;

  /* Surfaces & text (WCAG-friendly muted on --bg) */
  --color-text: #1a202c;
  --color-text-muted: #5a6578;
  --color-border: #e2e8f0;
  --color-surface: #f4f6f9;
  --color-surface-raised: #ffffff;
  --color-nav: #141c28;
  --color-nav-text: #e2e8f0;

  /* Map legacy aliases used across style.css */
  --primary: var(--color-brand);
  --primary-dark: var(--color-brand-dark);
  --primary-light: var(--color-brand-light);
  --accent: var(--color-text);
  --accent-soft: #2d3748;
  --success: #38a169;
  --danger: var(--color-brand);
  --warning: #b7791f;
  --info: #3182ce;
  --text: var(--color-text);
  --text-muted: var(--color-text-muted);
  --border: var(--color-border);
  --bg: var(--color-surface);
  --card-bg: var(--color-surface-raised);
  --nav-bg: var(--color-nav);
  --nav-text: var(--color-nav-text);

  /* Layout */
  --radius: 12px;
  --radius-lg: 16px;
  --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 14px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
  --font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}