/* ============================================
   VARIABLES CSS - Palette et constantes
   ============================================ */

:root {
    /* === COULEURS PRINCIPALES === */
    --primary-color: #1E3A8A;
    --primary-light: #3B82F6;
    --primary-dark: #1E40AF;
    
    --secondary-color: #F59E0B;
    --secondary-light: #FCD34D;
    --secondary-dark: #D97706;
    
    --accent-color: #EF4444;
    --accent-light: #F87171;
    --accent-dark: #DC2626;
    
    /* === COULEURS SYSTÈME === */
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --error-color: #EF4444;
    
    /* === NEUTRES === */
    --neutral-50: #F8FAFC;
    --neutral-100: #F1F5F9;
    --neutral-200: #E2E8F0;
    --neutral-300: #CBD5E1;
    --neutral-400: #94A3B8;
    --neutral-500: #64748B;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1E293B;
    --neutral-900: #0F172A;
    
    --white: #FFFFFF;
    --black: #000000;
    
    /* === GRADIENTS === */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 100%);
    --gradient-bg: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);
    
    /* === 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), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* === ESPACEMENTS === */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 40px;
    --spacing-2xl: 60px;
    --spacing-3xl: 80px;
    
    /* === POLICES === */
    --font-headings: 'Poppins', sans-serif;
    --font-body: 'Roboto', sans-serif;
    
    /* === AUTRES === */
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}