:root {
    --color-pasquet-orange: #F15931;
    --color-black: #2D2D2D;
    --color-light-grey: #D9D9D9;
    --color-very-light-grey: #F7F7F7;
    --color-grey: #878787;
    --color-dark-grey: #525252;
    --color-white: #FFFFFF;
    --color-bois: #F0A825;
    --color-mixte: #B7244D;
    --color-aluminium: #1E99C8;
    --color-pvc: #4DB848;

    --wrapper-max-width: 1200px;
    --wrapper-large-max-width: 1130px;
    --wrapper-padding-desktop: 2.78vw;
    --wrapper-large-padding-desktop: 10.9vw;

    --subnav-height: 46.5px;
    --nav-bottom-height: 104px;
    --nav-height: 150.5px;

    --spacing-lg: 32px;

    --fonts-size-body-xs: 14px;
    --fonts-size-body-sm: 16px;
    --font-size-body: 18px;
    --fonts-size-body-md : 18px;
    --fonts-size-body-lg : 20px;
    --font-size-1: 45px;
    --font-size-2: 35px;
    --font-size-3: 30px;
    --font-size-4: 25px;
    --font-size-5: 23px;
    --font-size-6: 20px;
}
@media (min-width: 1441px) {
    :root {
        --wrapper-padding-desktop: 8.33vw;
    }
}
@media (max-width: 1080px) {
    :root {
        --nav-bottom-height: 68px;
        --nav-height: 68px;
    }
}
@media (max-width: 979px) {
    :root {
        --wrapper-padding-desktop: 5.55vw;
        --wrapper-large-padding-desktop: 5.55vw;
    }
}
@media (max-width: 768px) {
    :root {
        --font-size-1: 45px;
        --font-size-2: 35px;
        --font-size-3: 30px;
        --font-size-4: 25px;
        --font-size-5: 20px;
        --font-size-6: 18px;
    }
}