:root {
    /* Couleurs brand principales */
    --navy: #0B1D3A;
    --ocean: #1565C0;
    --ocean-light: #E3F2FD;
    --teal: #00897B;
    --teal-light: #E0F2F1;
    --amber: #F9A825;
    --amber-light: #FFF8E1;
    --coral: #E74C3C;

    /* Palette rose / bleu utilisées sur la home et la recherche */
    --rose: #F46263;
    --bleu: #6982BF;
    --gris: #5a5a5a;

    /* Neutres */
    --white: #FFFFFF;
    --gray-50: #F8FAFC;
    --gray-100: #F1F5F9;
    --gray-200: #E2E8F0;
    --gray-300: #CBD5E1;
    --gray-400: #94A3B8;
    --gray-500: #64748B;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-900: #0F172A;

    /* Couleurs interface admin / status */
    --primary: #6982BF;
    --primary-dark: #5a6fa8;
    --red: #DC2626;
    --green: #059669;
    --success-bg: #ECFDF5;
    --success-border: #BBF7D0;
    --success-text: #065f46;
    --error-bg: #FEF2F2;
    --error-border: #FCA5A5;
    --error-text: #B91C1C;

    /* Typographie — polices */
    --font-body: 'Effra', sans-serif;
    --font-mono: 'Space Mono', monospace;
    --header-nav-text: #262637;

    /* Typographie — tailles (1rem = 16px) */
    --text-xs: 0.75rem;     /* 12px */
    --text-sm: 0.875rem;    /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.125rem;    /* 18px */
    --text-xl: 1.25rem;     /* 20px */
    --text-2xl: 1.5rem;     /* 24px */
    --text-3xl: 2rem;       /* 32px */
    --text-4xl: 2.25rem;    /* 36px */
    --text-5xl: 3rem;       /* 48px */
    --text-6xl: 4rem;       /* 64px */
    --text-display: 3.25rem; /* 52px — titres hero */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.6;

    /* Espacements (1rem = 16px) */
    --container-width: 1200px;
    --spacing-xs: 0.5rem;   /* 8px */
    --spacing-sm: 1rem;     /* 16px */
    --spacing-md: 1.5rem;   /* 24px */
    --spacing-lg: 3rem;     /* 48px */
    --spacing-xl: 4rem;     /* 64px */

    /* Anciennes variables de spacing home (compat) */
    --spacing: 1rem;        /* 16px */

    /* Rayons */
    --radius: 0.75rem;      /* 12px */
    --radius-sm: 0.5rem;    /* 8px */

    /* Header */
    --header-height: 4.375rem; /* 70px */
}