:root {

    /* CONTAINER STRUCTURE */
    --site-max-width: 1900px;
    --content-max-width: 1200px;
    --content-gap: 80px;
    --section-padding-top: 100px;
    --section-padding-bottom: 100px;

    /* COLORS */
    --accent: #fff1af;
    --active: #daffdd;

    --white: #fcfdf7;
    --black: #1A1A19;
    --color-1: #31511E;
    --color-2: #859F3D;
    --color-3: #F6FCDF;

    --background-light: var(--white);
    --background-mid: #e1fcfc;
    --background-dark: #241e00;

    /* TYPOGRAPHY */
    --font-size: 18px;

    /* BORDER RADIUS */
    --border-radius: 0px;

}

@media screen and (max-width: 900px) {

    :root {

        /* CONTAINER STRUCTURE */
        --content-gap: 40px;
        --section-padding-top: 50px;
        --section-padding-bottom: 50px;

        /* TYPOGRAPHY */
        --font-size: 15px;

    }
}