/* =============================================================
   VARIABLES GLOBALES - ParkingKeeper
   Modifiez ces couleurs pour changer le thème de l'application
   ============================================================= */
:root {
    /* ── Couleurs primaires ────────────────────── */
    --color-primary:         #3fb37f;
    --color-primary-light:   #52cd95;
    --color-primary-dark:    #2e8c62;

    /* ── Couleurs secondaires ──────────────────── */
    --color-secondary:       #3fb37f;
    --color-secondary-light: #52cd95;
    --color-secondary-dark:  #2e8c62;

    /* ── Couleurs de statut ────────────────────── */
    --color-success:         #10B981;
    --color-warning:         #F59E0B;
    --color-danger:          #EF4444;
    --color-info:            #6366F1;

    /* ── Neutres ───────────────────────────────── */
    --color-bg:              #F1F5F9;
    --color-surface:         #FFFFFF;
    --color-text:            #1E293B;
    --color-text-secondary:  #64748B;
    --color-border:          #E2E8F0;

    /* ── Sidebar ───────────────────────────────── */
    --sidebar-bg:            #242b31;
    --sidebar-text:          #CBD5E1;
    --sidebar-hover:         #323a42;
    --sidebar-active:        var(--color-primary);

    /* ── Typographie ───────────────────────────── */
    --font-family:           system-ui, -apple-system, sans-serif;
    --radius-sm:             0.1875rem;
    --radius-md:             0.25rem;
    --radius-lg:             0.375rem;
    --radius-xl:             0.5rem;
}

/* =============================================================
   Pour utiliser ces variables dans Tailwind, ajoutez-les
   dans tailwind.config via le script CDN, ou compilez
   Tailwind avec ces valeurs.
   ============================================================= */

body { font-family: var(--font-family); }