:root {
    /* ---------------------
    --- COLORS
    --------------------- */
    --color-primary: #39444e;
    --color-secondary: #f35d1a;
    --color-tertiary: #941633;

    --color-bg-degrad1: #f68717;
    --color-bg-degrad2: #f1491c;

    --color-bg-slider: #f9fafb;
    --color-bg-slider-2: #f5f5f5;

    --color-light-gray: #eaeaea;
    --color-light-gray-2: #c4c4c4;
    --color-light-gray-3: #c2c3c3;
    --color-medium-gray: #4d4d4d;
    --color-dark-gray: #3c4145;
    --color-dark: #191a1a;
    --color-dark-95pc: #191a1af2;
    --color-dark-80pc: #083636cc;
    --color-gray-text: #808080;
    --color-black: #000000;
    --color-black2: #3e3e3e;
    --color-white:#fff;
    --color-grey: #fcfcfc;
    --color-grey2: #8b8b8b;
    --color-grey3: #f7f7f7;
    --color-grey4: #f5f5f5;
    --color-grey5: #818181;
    --color-green: #446457;
    --color-blue: #192849;
    --color-orange: #f68717;
    --color-yellow: #ebba8b;
    --color-brown: #d4aa89;
    --color-red: darkred;

    --color-errors : darkred;

    --color-first: --color-green;
    --color-second: --color-brown;
    --color-text: #414042;

    /* ---------------------
    --- BACKOFFICE
    --------------------- */
    --bo-background-color: --color-primary;
    --bo-menu-background-color: --color-primary;
    --bo-color-label: #2d3237;
    --bo-color-checkbox: --color-secondary;
    --bo-color-primary: #000;

    /* ---------------------
    --- HEADER
    --------------------- */
    --header-height: 120px;

    /* ---------------------
    --- CATEGORIES
    --------------------- */
    --color-category-actu: #00ABE9;
    --color-category-actu-darked: #006c8f;
    --color-category-tendance: #479852;
    --color-category-tendance-darked: #29592f;

    /* ---------------------
    --- SIZING
    --------------------- */
    --container-width: 1320px;
    --container-padding: 0 15px;
    --container-large: 1080px;
    --container-small: 800px;

    /* ---------------------
    --- MARGINS
    --------------------- */
    --margin-main: clamp(10px,20vw,300px);
    --margin-big: clamp(24px,30vw,500px);
    --margin-small: clamp(7px,16vw,200px);
}