:root {
    /* TYPOGRAPHIE */
    --font-primary: "Bricolage Grotesque", sans-serif;
    --font-light:300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;

    --text-xs: 12px;
    --text-sm: 16px;
    --text-base: 18px;
    --text-lg: 20px;
    --text-xl: 24px;
    --text-2xl: 32px;
    --text-3xl: 48px;

    /* COULEURS */
    --color-background: #FAFAFA;
    --color-text: #03062E;
    --color-primary: #03062E;
    --color-secondary: #FE8300;
    --color-border: #E5E5E5;

    /* MISE EN PAGE */
    --container-width: 1200px;
    --container-padding: 32px;

    /* HEADER */
    --header-top-spacing: 30px;
    --header-height: auto;
    --header-gap: 32px;
}