/* ============================================================================
   LogiFlotte — design tokens (couleurs, typographie, espacements, rayons).
   Point d'entrée unique des variables ; aucune règle ne doit redéfinir
   directement un hex ou un rem — tout passe par --token.
   ============================================================================ */

:root {
    /* -- Palette primaire (bleu logistique) -- */
    --color-primary:         #1a56db;
    --color-primary-dark:    #1240a8;
    --color-primary-light:   #e8f0fd;

    /* -- Statut -- */
    --color-success:         #16a34a;
    --color-success-light:   #dcfce7;
    --color-danger:          #dc2626;
    --color-danger-light:    #fee2e2;
    --color-warning:         #d97706;
    --color-warning-light:   #fef3c7;
    --color-info:            #0891b2;
    --color-info-light:      #e0f2fe;

    /* -- Neutres -- */
    --color-bg:              #f3f4f6;
    --color-surface:         #ffffff;
    --color-surface-alt:     #f9fafb;
    --color-border:          #e5e7eb;
    --color-border-strong:   #d1d5db;
    --color-text:            #111827;
    --color-text-muted:      #6b7280;

    /* -- Sidebar (thème sombre) -- */
    --sidebar-bg:            #111827;
    --sidebar-bg-hover:      #1f2937;
    --sidebar-border:        #1f2937;
    --sidebar-text:          #d1d5db;
    --sidebar-text-active:   #ffffff;
    --sidebar-active-bg:     var(--color-primary);
    --sidebar-width:         240px;

    /* -- Layout -- */
    --topbar-height:         56px;
    --content-max-width:     1400px;
    --space-1:               0.25rem;
    --space-2:               0.5rem;
    --space-3:               0.75rem;
    --space-4:               1rem;
    --space-5:               1.25rem;
    --space-6:               1.5rem;
    --space-8:               2rem;

    /* -- Typographie -- */
    --font-sans:             'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    --font-size-sm:          0.82rem;
    --font-size-base:        0.9rem;
    --font-size-md:          1rem;
    --font-size-lg:          1.15rem;
    --font-size-xl:          1.4rem;
    --font-size-2xl:         1.75rem;

    /* -- Rayons, ombres, transitions -- */
    --radius:                8px;
    --radius-lg:             12px;
    --radius-full:           999px;
    --shadow:                0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md:             0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-lg:             0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -2px rgba(0,0,0,0.05);
    --transition:            0.2s ease;

    /* -- Focus ring accessible -- */
    --focus-ring:            0 0 0 3px rgba(26, 86, 219, 0.25);
}