/* ========== VARIABLES CSS ========== */
:root {
    /* Couleurs principales */
    --primary: #1a2332;
    --primary-light: #2c3e50;
    --secondary: #3fdb34;
    --secondary-dark: #2eb827;
    --secondary-light: #5ce851;
    
    /* Couleurs d'état */
    --danger: #ff4757;
    --danger-dark: #ee5a6f;
    --success: #2ed573;
    --success-dark: #26be64;
    --warning: #ffa502;
    --info: #3498db;
    
    /* Couleurs de rôle */
    --super-admin: #d32f2f;
    --admin: #1976d2;
    --enseignant: #388e3c;
    
    /* Backgrounds */
    --bg-glass: rgba(255, 255, 255, 0.08);
    --bg-glass-hover: rgba(255, 255, 255, 0.12);
    --bg-dark: rgba(0, 0, 0, 0.45);
    --bg-darker: rgba(0, 0, 0, 0.38);
    
    /* Ombres */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 20px rgba(63, 219, 52, 0.3);
    
    /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition-base: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
    
    /* Espacements */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    /* Border radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 15px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    
    /* Typographie — contrastes WCAG AA sur fond --primary (#1a2332) */
    --text-on-dark: rgba(255, 255, 255, 0.92);
    --text-muted-on-dark: rgba(255, 255, 255, 0.78);
    --text-subtle-on-dark: rgba(255, 255, 255, 0.62);

    --font-primary: 'Lato', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Montserrat', 'Segoe UI Semibold', 'Segoe UI', sans-serif;
    --font-mono: 'Consolas', 'Monaco', monospace;

    /* Mise en page unifiée (une seule grille visuelle) */
    --isalys-page-max: 1200px;
    --isalys-page-max-wide: 1600px;
    --isalys-panel-max: 1200px;
    --isalys-glow: 0 0 28px rgba(0, 200, 0, 0.38);
    --isalys-glow-soft: 0 0 20px rgba(63, 219, 52, 0.22);
    --isalys-border-glow: rgba(63, 219, 52, 0.45);
}