/* MAIN SETTINGS */
:root{
    --main-transition: all 300ms ease-in-out;
    --main-shadow: 0px 20px 24px 0px rgba(28, 27, 23, 0.05);

    

    --main-border-radius: 6px;
    --subMain-border-radius: 4px;
    --medium-border-radius: 10px;
    --big-border-radius: 20px;
}
/* MAIN SETTINGS */

/* BAACKGROUNDS SETTINGS */
:root{
    --light-background: #E3E3E3;
    --secondary-light-background: rgba(239, 237, 229, 1);
    --third-light-background: rgba(225, 222, 211, 1);
    --dark-background: #010101;

    --gradient-01: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%);
}
/* BAACKGROUNDS SETTINGS */

/* FONT SETTINGS */
:root{
    --main-font: "Montserrat", sans-serif;
    /*--secondary-font: stratos;*/
    /*--third-font: freight-text-pro;*/

    --light-font-color: #E3E3E3;
    --semiLight-font-color: #A09F9F;
    --dark-font-color: #171515;

    --regular-font-weight: 300;
    --medium-font-weight: 500;
    --bold-font-weight: 700;
    --uberBold-font-weight: 800;
}
/* FONT SETTINGS */

/* SPACING TOKENS */
:root{
    --spacing-120: 200px;
    --spacing-100: 150px;
    --spacing-90: 100px;
    --spacing-80: 75px;
    --spacing-70: 50px;
    --spacing-60: 25px;
    --spacing-50: 15px;
    --spacing-40: 5px;
}
@media screen and (max-width: 1439px) {
    :root{
        --spacing-120: 167px;
        --spacing-100: 125px;
        --spacing-90: 83px;
        --spacing-80: 62px;
        --spacing-70: 41px;
        --spacing-60: 21px;
        --spacing-50: 12px;
        --spacing-40: 5px;
    }
}
@media screen and (max-width: 1023px) {
    :root{
        --spacing-120: 139px;
        --spacing-100: 104px;
        --spacing-90: 69px;
        --spacing-80: 51px;
        --spacing-70: 34px;
        --spacing-60: 17px;
        --spacing-50: 10px;
        --spacing-40: 5px;
    }
}
@media screen and (max-width: 767px) {
    :root{
        --spacing-120: 115px;
        --spacing-100: 87px;
        --spacing-90: 58px;
        --spacing-80: 42px;
        --spacing-70: 28px;
        --spacing-60: 14px;
        --spacing-50: 8px;
        --spacing-40: 5px;
    }
}
/* SPACING TOKENS */

/* FONT TOKENS */
:root{
    --main-font-size: 20px;
}
@media screen and (max-width: 1439px) {
    :root{
        --main-font-size: 14px;
    }
}
@media screen and (max-width: 1023px) {
    :root{
        --main-font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    :root{
        --main-font-size: 16px;
    } 
}
h1{ font-size: 2.9rem; letter-spacing: -1px;}
h2{ font-size: 2.1rem; letter-spacing: -.5px;}
h3{ font-size: 1.6rem;}
h4{ font-size: 1.4rem;}
p{ font-size: 1rem; line-height: 1.6;}
.s{ font-size: .862rem; }
.xs{ font-size: .743rem; }
.xxs{ font-size: .6rem; }

.sh2{ font-size: 1rem;}
.sh3{ font-size: 1rem;}

.medium{ font-size: 2rem; margin: 0px; }

label{ font-size: .8rem; line-height: 1.6;}

@media screen and (max-width: 767px) {
    h1{ font-size: 2.5rem; letter-spacing: -1px;}
}
/* FONT TOKENS */