// VARS
:root {
    --font-size__base: 16px;
    --gap: 20px;
    --gap-s: 10px;
    --dark: #222831;
    --dark-darker: #181E25;
    --dark-lighter: #333B48;
    --light: #F5F5F5;
    --green: #0B7A75;
    --green-lighter: #11BBB2;

    --blue: #5f9ea0;
    --blue-lighter: #b0c299;

    @media screen and (min-width: 920px) {
        --font-size__base: 18px;
    }

    @media screen and (min-width: 1010px) {
        --gap: 40px;
        --gap-s: 20px;
    }
}