:root {
    /* =========================
       COULEURS
       ========================= */

    --bg: #FFFFFF;
    --bg-alt: #FAFAF8;

    --dark-bar: #0B1B2B;

    --text: #0B1B2B;
    --text-muted: #5F6B76;
    --text-light: #FFFFFF;
    --text-dark: #0B5F59;

    --border: #E7E9EB;


    /* =========================
       ACCENT VERT ÉMERAUDE
       ========================= */

    --accent: #0F766E;
    --accent-dark: #0B5F59;
    --accent-light: #E8F5F3;


    /* =========================
       TYPOGRAPHIE
       ========================= */

    --font-main: "Inter", Arial, sans-serif;

    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;

    --font-size-h1: 3.5rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.5rem;


    /* =========================
       ESPACEMENTS
       ========================= */

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 36px;
    --space-xl: 54px;
    --space-2xl:80px;
    --space-3xl:100px;


    /* =========================
       LARGEUR
       ========================= */

    --container: 1280px;


    /* =========================
       BORDURES
       ========================= */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;


    /* =========================
       ANIMATIONS
       ========================= */

    --transition: 0.25s ease;
}