:root {
    /* --- COULEURS DE MARQUE --- */
    --color-primary: #4F46E5;      /* Indigo vif - BRAND */
    --color-secondary: #8B5CF6;    /* Violet */
    --color-accent: #06B6D4;       /* Cyan */
    
    /* Variantes Primary (générées pour les interactions) */
    --color-primary-hover: #4338CA; /* Indigo-700 */
    --color-primary-subtle: #EEF2FF; /* Indigo-50 */
    --color-primary-text: #3730A3;   /* Indigo-900 */

    /* --- ÉTATS --- */
    --color-success: #10B981;      /* Vert */
    --color-warning: #F59E0B;      /* Orange */
    --color-danger: #EF4444;       /* Rouge */
    --color-info: #3B82F6;         /* Bleu */
    
    /* Variantes États (Subtle/Text pour badges) */
    --color-success-subtle: #ECFDF5;
    --color-success-text: #065F46;
    --color-warning-subtle: #FFFBEB;
    --color-warning-text: #92400E;
    --color-danger-subtle: #FEF2F2;
    --color-danger-text: #991B1B;
    --color-info-subtle: #EFF6FF;
    --color-info-text: #1E40AF;

    /* --- NIVEAUX DE SIGNAL --- */
    --signal-critical: #DC2626;    /* Rouge foncé */
    --signal-warning: #F59E0B;     /* Orange */
    --signal-info: #3B82F6;        /* Bleu */
    
    /* --- ARRIÈRE-PLANS --- */
    --bg-primary: #FFFFFF;         /* Blanc pur */
    --bg-secondary: #F9FAFB;       /* Gris très clair */
    --bg-tertiary: #F3F4F6;        /* Gris clair */
    --bg-hover: #F3F4F6;           /* Hover états */
    --bg-app: #F9FAFB;             /* Alias pour le fond global */
    
    /* --- TEXTE --- */
    --text-primary: #111827;       /* Gris très foncé */
    --text-secondary: #6B7280;     /* Gris moyen */
    --text-muted: #9CA3AF;         /* Gris clair */
    --text-inverse: #FFFFFF;       /* Blanc (sur fond foncé) */
    
    /* --- BORDURES --- */
    --border-color: #E5E7EB;       /* Gris clair */
    --border-dark: #D1D5DB;        /* Gris moyen */
    --border-subtle: #F3F4F6;      /* Très clair */
    
    /* --- OMBRES --- */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    
    /* --- TYPOGRAPHIE --- */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-lg: 1.125rem;     /* 18px */
    --font-size-xl: 1.25rem;      /* 20px */
    --font-size-2xl: 1.5rem;      /* 24px */
    --font-size-3xl: 1.875rem;    /* 30px */
    --font-size-4xl: 2.25rem;     /* 36px */
    
    /* --- ESPACEMENTS --- */
    --spacing-xs: 0.25rem;   /* 4px */
    --spacing-sm: 0.5rem;    /* 8px */
    --spacing-md: 1rem;      /* 16px */
    --spacing-lg: 1.5rem;    /* 24px */
    --spacing-xl: 2rem;      /* 32px */
    --spacing-2xl: 3rem;     /* 48px */
    --spacing-3xl: 4rem;     /* 64px */
    
    /* --- RAYONS --- */
    --radius-sm: 0.25rem;    /* 4px */
    --radius-md: 0.5rem;     /* 8px */
    --radius-lg: 0.75rem;    /* 12px */
    --radius-xl: 1rem;       /* 16px */
    --radius-full: 9999px;   /* Complètement arrondi */
    
    /* --- ANIMATIONS --- */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;
}