/* Design tokens — alignés sur Fleet Manager v2 (démo Distribution).
   Source : design system fleet-manager-v2 (Tailwind + index.css variables).
   Police : stack système Inter-first (les CDN navigateur sont bloqués sur le poste ;
   Segoe UI sur Windows rend très proche d'Inter). */

:root {
  /* Marque — vert forêt */
  --primary:        #264b21;
  --primary-hover:  #1d4714;
  --primary-50:     #EEF4EA;
  --forest:         #2D5016;
  --olive:          #4A6741;

  /* Surfaces */
  --surface-0:   #FFFFFF;
  --surface-25:  #FBFCFD;
  --surface-50:  #F7F8FA;
  --surface-100: #EEF1F5;
  --surface-200: #E3E8EE;
  --surface-300: #C2CAD4;

  /* Texte (ink — slate froid) */
  --text-primary:   #0F172A;
  --text-secondary: #334155;
  --text-muted:     #64748B;
  --text-faint:     #94A3B8;

  /* États */
  --success-bg:   #DCF0D0;
  --success-fg:   #2D5016;
  --warning-bg:   #FEF3C7;
  --warning-fg:   #92400E;
  --danger-bg:    #FEE2E2;
  --danger-fg:    #991B1B;
  --info-bg:      #DBEAFE;
  --info-fg:      #1E40AF;

  /* Ombres */
  --shadow-card:   0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-raised: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-modal:  0 12px 40px rgba(0, 0, 0, 0.12);

  /* Rayons */
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;

  /* Typographie */
  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --text-micro: 11px;
  --text-small: 12px;
  --text-body:  13px;
  --text-h2:    16px;
  --text-h1:    24px;

  /* Espacement (échelle Tailwind, en rem) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;

  /* Layout */
  --sidebar-w: 240px;
  --topbar-h:  56px;

  /* Mouvement */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --dur-fast: 150ms;
  --dur-normal: 220ms;
}