:root {
    /* --- Marque (bleu RD Agency #2563eb, exprimé en OKLCH) --- */
    --couleur-primaire: oklch(0.55 0.215 264);
    --couleur-primaire-hover: oklch(0.49 0.205 264);
    --couleur-primaire-clair: oklch(0.97 0.022 264);

    /* --- Neutres teintés vers la teinte de marque (jamais de gris pur) --- */
    --couleur-noir: oklch(0.29 0.014 264);
    --couleur-noir-leger: oklch(0.52 0.016 264);
    --couleur-gris-fonce: oklch(0.46 0.015 264);
    --couleur-gris-moyen: oklch(0.70 0.013 264);
    --couleur-gris-clair: oklch(0.92 0.008 264);
    --couleur-blanc: oklch(0.995 0.001 264);

    --couleur-succes: oklch(0.70 0.13 168);
    --couleur-succes-clair: oklch(0.95 0.04 168);

    --couleur-erreur: oklch(0.58 0.205 25);
    --couleur-erreur-clair: oklch(0.95 0.04 25);

    --couleur-attention: oklch(0.83 0.13 80);
    --couleur-attention-clair: oklch(0.96 0.04 80);

    --couleur-texte-principal: oklch(0.29 0.014 264);
    --couleur-texte-secondaire: oklch(0.52 0.016 264);
    --couleur-texte-desactive: oklch(0.76 0.012 264);

    --couleur-fond-principal: oklch(0.995 0.001 264);
    --couleur-fond-secondaire: oklch(0.985 0.004 264);
    --couleur-fond-tertiaire: oklch(0.972 0.006 264);

    --couleur-bordure: oklch(0.91 0.008 264);
    --couleur-bordure-focus: var(--couleur-primaire);

    --police-principale: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --police-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;

    /* --- Échelle typographique (ratio ~1.25) --- */
    --taille-texte-xs: 0.75rem;
    --taille-texte-sm: 0.875rem;
    --taille-texte-base: 1rem;
    --taille-texte-lg: 1.125rem;
    --taille-texte-xl: 1.25rem;
    --taille-texte-2xl: 1.5rem;
    --taille-texte-3xl: 1.875rem;
    --taille-texte-4xl: 2.25rem;

    /* --- Tracking : resserrer les grands titres --- */
    --tracking-titre: -0.02em;
    --tracking-base: -0.005em;

    --poids-normal: 400;
    --poids-medium: 500;
    --poids-semibold: 600;
    --poids-bold: 700;

    --espacement-xs: 0.25rem;
    --espacement-sm: 0.5rem;
    --espacement-md: 1rem;
    --espacement-lg: 1.5rem;
    --espacement-xl: 2rem;
    --espacement-2xl: 3rem;
    --espacement-3xl: 4rem;

    --rayon-bordure-sm: 0.375rem;
    --rayon-bordure-md: 0.625rem;
    --rayon-bordure-lg: 0.875rem;
    --rayon-bordure-xl: 1rem;
    --rayon-bordure-2xl: 1.5rem;

    /* --- Ombres douces, teintées vers la marque --- */
    --ombre-sm: 0 1px 2px oklch(0.29 0.05 264 / 0.06);
    --ombre-md: 0 4px 10px oklch(0.29 0.05 264 / 0.08), 0 2px 4px oklch(0.29 0.05 264 / 0.05);
    --ombre-lg: 0 12px 28px oklch(0.29 0.05 264 / 0.10), 0 4px 10px oklch(0.29 0.05 264 / 0.05);
    --ombre-xl: 0 24px 50px oklch(0.29 0.05 264 / 0.14), 0 10px 20px oklch(0.29 0.05 264 / 0.06);
    --anneau-focus: 0 0 0 4px oklch(0.55 0.215 264 / 0.18);

    --duree-animation: 320ms;
    --duree-animation-rapide: 160ms;
    --duree-animation-lente: 560ms;

    /* --- Courbes ease-out (sortie exponentielle, aucun rebond) --- */
    --courbe-animation: cubic-bezier(0.22, 1, 0.36, 1);
    --courbe-animation-entree: cubic-bezier(0.16, 1, 0.3, 1);
    --courbe-animation-sortie: cubic-bezier(0.5, 0, 0.75, 0);

    --largeur-max-contenu: 800px;
    --hauteur-entete: 80px;
    --hauteur-navigation: 80px;

    --z-index-modal: 1000;
    --z-index-overlay: 999;
    --z-index-dropdown: 100;
    --z-index-fixe: 50;
}