/* ===========================================================
   WatiTaxi — Design tokens (source unique)  v1
   Uniquement des variables :root → aucun impact sur l'existant
   tant qu'elles ne sont pas consommées. Utilisées côté desktop.
   =========================================================== */
:root {
  /* ── Marque ── */
  --wt-green:        #00A86B;
  --wt-green-hover:  #019760;
  --wt-green-soft:   #E7F6EE;
  --wt-ink:          #0F172A;
  --wt-white:        #FFFFFF;

  /* ── Neutres ── */
  --wt-text:         #0F172A;
  --wt-text-2:       #475569;
  --wt-muted:        #94A3B8;
  --wt-border:       #E2E8F0;
  --wt-border-soft:  #EEF1F4;
  --wt-bg:           #F4F6F8;
  --wt-surface:      #FFFFFF;
  --wt-hover:        #F8FAFC;

  /* ── Statuts (unifiés : dispatch / planning / admin) ── */
  --wt-urgent:       #EF4444; --wt-urgent-text:   #DC2626; --wt-urgent-bg:   #FEF2F2; --wt-urgent-bd:   #FECACA;
  --wt-todo:         #F59E0B; --wt-todo-text:     #C2410C; --wt-todo-bg:     #FFF7ED; --wt-todo-bd:     #FED7AA;
  --wt-active:       #3B82F6; --wt-active-text:   #2563EB; --wt-active-bg:   #EFF6FF; --wt-active-bd:   #BFDBFE;
  --wt-assigned:     #00A86B; --wt-assigned-text: #16A34A; --wt-assigned-bg: #F0FDF4; --wt-assigned-bd: #BBF7D0;
  --wt-done:         #94A3B8; --wt-done-text:     #475569; --wt-done-bg:     #F8FAFC; --wt-done-bd:     #E2E8F0;

  /* ── Rayons ── */
  --wt-r-sm:   8px;
  --wt-r-md:   12px;
  --wt-r-lg:   16px;
  --wt-r-pill: 999px;

  /* ── Ombres (élévation) ── */
  --wt-e1: 0 1px 6px  rgba(16,24,40,.05);
  --wt-e2: 0 2px 10px rgba(16,24,40,.06);
  --wt-e3: 0 12px 34px rgba(15,23,42,.16);
  --wt-e4: 0 24px 60px rgba(15,23,42,.22);

  /* ── Espacement ── */
  --wt-s1: 4px;  --wt-s2: 8px;  --wt-s3: 12px; --wt-s4: 16px;
  --wt-s5: 20px; --wt-s6: 24px; --wt-s8: 32px;

  /* ── Typographie ── */
  --wt-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}