/**
 * theme-variables.css
*/

:root {
    --root-font-size: 22px;
    --primary-font: 'Manrope';
    --secondary-font: 'Manrope';

    --body-text-color: #3A3A3A;
    --heading-text-color: #3A3A3A;

    --color-white: #fff;
    --color-warm-beige: #FAF7F3;
    --color-warm-grey: #E6E1DA;
    --color-muted-blue: #8FAEC6;
    --color-terracotta: #D39A75;
    --color-charcoal: #3A3A3A;
    --color-off-white: #F1EEE8;
    --color-muted-blue-text: #426783;
    --color-terracotta-text: #8F5336;

    --color-input: #3A3A3A;
    --color-border: #426783;

    --background-white: #fff;
    --background-warm-beige: #FAF7F3;
    --background-charcoal: #3A3A3A;
    --background-warm-grey: #E6E1DA;
    --background-muted-blue: #8FAEC6;

    --section-padding-top-bottom: 5rem 0;
    --section-padding-top: 5rem 0 0;
    --section-padding-bottom: 0 0 5rem;

    --border-radius-half: .5rem;
    --border-radius-one: 1rem;
    --border-radius-one-quarter: 1.25rem;
    --border-radius-one-half: 1.5rem;
}


@media (max-width: 1700px) {

    :root {
        --root-font-size: 20px;
        
    }

}


@media (max-width: 1600px) {

    :root {
        --root-font-size: 19px;
        
    }

}


@media (max-width: 1500px) {

    :root {
        --root-font-size: 18px;
        --section-padding-top-bottom: 4rem 0;
        --section-padding-top: 4rem 0 0;
        --section-padding-bottom: 0 0 4rem;
        --section-padding-bottom-small: 0 0 2rem;
    }

}


@media (max-width: 1100px) {

    :root {
        --root-font-size: 17px;
    }

}



@media (max-width: 600px) {

    :root {
        --root-font-size: 16px;
    }

}