/* ═══════════════════════════════════════════════════════════
   AGORAH — Observatoire des Mobilités · Design Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Palette AGORAH ──────────────────────────────────── */
  --agorah-teal:        #15495a;
  --agorah-teal-dark:   #0e3342;
  --agorah-teal-light:  #1e6a82;
  --agorah-teal-pale:   #e8f4f8;
  --agorah-teal-mid:    #2a7a96;

  /* ── Mobilité durable (vert) ─────────────────────────── */
  --green-eco:          #166534;
  --green-eco-light:    #dcfce7;
  --green-eco-mid:      #15803d;
  --green-eco-pale:     #f0fdf4;

  /* ── États trafic TTI ────────────────────────────────── */
  --fluide-color:       #10b981;
  --fluide-bg:          #d1fae5;
  --dense-color:        #f59e0b;
  --dense-bg:           #fef3c7;
  --congestion-color:   #ef4444;
  --congestion-bg:      #fee2e2;
  --sature-color:       #1a1a1a;
  --sature-bg:          #e5e7eb;

  /* ── Alertes Waze ────────────────────────────────────── */
  --alert-accident:     #dc2626;
  --alert-hazard:       #d97706;
  --alert-closed:       #7c3aed;
  --alert-police:       #1d4ed8;
  --alert-jam:          #ea580c;
  --alert-default:      #6b7280;

  /* ── Car Jaune ───────────────────────────────────────── */
  --carjaune-color:     #f5a623;
  --carjaune-dark:      #c47d00;
  --carjaune-bg:        #fef9ed;
  --bus-ontime:         #10b981;
  --bus-late:           #f59e0b;
  --bus-very-late:      #ef4444;

  /* ── Neutrals ────────────────────────────────────────── */
  --gray-50:   #f8fafc;
  --gray-100:  #f1f5f9;
  --gray-200:  #e2e8f0;
  --gray-300:  #cbd5e1;
  --gray-400:  #94a3b8;
  --gray-500:  #64748b;
  --gray-600:  #475569;
  --gray-700:  #334155;
  --gray-800:  #1e293b;
  --gray-900:  #0f172a;

  /* ── Layout ──────────────────────────────────────────── */
  --header-h:   56px;
  --panel-w:    310px;
  --sidebar-w:  440px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  22px;

  /* ── Typography ──────────────────────────────────────── */
  --font-ui:    'DM Sans', system-ui, sans-serif;
  --font-head:  'Syne', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', 'Courier New', monospace;

  /* ── Shadows ─────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.14);
  --shadow-xl:  0 16px 48px rgba(0, 0, 0, 0.18);

  /* ── Transitions ─────────────────────────────────────── */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   150ms;
  --dur-mid:    260ms;
  --dur-slow:   400ms;

  /* ── Glass effect ────────────────────────────────────── */
  --glass-bg:   rgba(255, 255, 255, 0.92);
  --glass-blur: blur(12px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.6);
}