/* ============================================================================
   Taxi Radar — Design System (fonte unica di verità dei token)
   Collegato da tutte le pagine: <link rel="stylesheet" href="/app.css">.
   Modifica QUI un colore/spaziatura e cambia ovunque. Stop al drift.
   ============================================================================ */
:root {
  /* Superfici / inchiostri */
  --bg: #0A0E1A;
  --bg-soft: #111726;
  --surface: #FFFFFF;
  --line: #E5E9F0;
  --ink: #0A0E1A;
  --ink-2: #4A5468;
  --muted: #6B7280;          /* contrasto ≥4.5:1 su bianco (prima #8C95A8 ~3:1) */

  /* Brand */
  --accent: #00D9A7;
  --accent-d: #00B58D;
  --accent-soft: rgba(0,217,167,.10);

  /* Stati / categorie trasporto */
  --warn: #F59E0B;
  --info: #3B82F6;
  --danger: #EF4444;
  --voli: #3B82F6;
  --treni: #00B58D;
  --traghetti: #8B5CF6;
  --cruise: #EC4899;
  --sea: #1F6FEB;
  --sea-d: #1457c4;

  /* Raggi */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;

  /* Ombre */
  --shadow-sm: 0 1px 2px rgba(10,14,26,.04), 0 4px 12px rgba(10,14,26,.04);
  --shadow-md: 0 4px 8px rgba(10,14,26,.06), 0 16px 32px rgba(10,14,26,.08);

  /* Tipografia */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}