:root{
    --dark-grey: #828B9A;
    --grey: #CED1D7;
    --light-grey: #F7F7F7;
    --black: #000000;
    --dark-blue: rgb(9,27,57);
    --dark-blue-opacity: rgb(9,27,57,0.7);
    --white: #ffffff;

    --margin-xl: calc(var(--margin-l )* 2);
    --margin-l: 24px;
    --margin-m: 20px;
    --margin-carousel: 14px;
}

@media screen and (max-width: 991px) {
    :root{
        --margin-l: 16px;
        --margin-m: 12px;
    }
}

@media screen and (max-width: 767px) {
    :root{
        --margin-l: 14px;
        --margin-m: 10px;
    }
}