:root {

    /* Font Family */
    --ff-montserrat: "Montserrat", sans-serif;
    --ff-quicksand: "Quicksand", sans-serif;
    --ff-nunitosans: "NunitoSans", sans-serif;
    --ff-dmsans: "DMSans", sans-serif;

    /* Font Size */
    --fs-logo-text: clamp(2.2rem, 2.5vw + 1rem, 2.8rem);
    --fs-nav-link: clamp(1.4rem, 1.5vw + 0.5rem, 1.6rem);
    --fs-nav-item: clamp(1.25rem, 1.5vw + 0.5rem, 1.4rem);
    --fs-main-title: clamp(3.2rem, 3vw + .8rem, 5rem);
    --fs-primary-title: clamp(2.8rem, 2vw + 0.5rem, 4.5rem);
    --fs-secondary-title: clamp(2rem, 1.85vw + 0.5rem, 3.2rem);
    --fs-primary-text: clamp(1.85rem, 1.2vw + 1rem, 2rem);
    --fs-primary-text-1: clamp(1.65rem, 1.5vw + 1rem, 1.75rem);
    --fs-secondary-text: clamp(1.35rem, 1.5vw + 0.5rem, 1.5rem);
    --fs-secondary-text-1: clamp(1.25rem, 1.5vw + 0.5rem, 1.4rem);
    --fs-nav-title: clamp(1.4rem, 1.5vw + 0.5rem, 1.85rem);
    --fs-form-title: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    --fs-form-input: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
    --fs-primary-btn: clamp(1.25rem, 1.75vw + 0.5rem, 1.65rem);
    --fs-small-text: clamp(1.185rem, 1.25vw + 0.5rem, 1.4rem);

    /* Colors */
    --black-clr: #000;
    --white-clr: #fff;
    --gray-100: #F1F3F7;
    --gray-200: #F6F6F6;
    --gray-300: #64666b;
    --accent-clr-1: #edae49;
    --accent-clr-2: #d1495b;


    --offset-clr-2: #d1495b33;


    --px-13: 1.3rem;
    --px-14: 1.4em;
    --px-15: 1.5em;
}

.bg_gray_100{
    background-color: var(--gray-100);
}
.bg_accent_clr_1{
    background-color: var(--accent-clr-1);
}
.bg_accent_clr_2{
    background-color: var(--accent-clr-2);
}
.accent_clr_1{
    color: var(--accent-clr-1);
}
.accent_clr_2{
    color: var(--accent-clr-2);
}

@media all and (max-width: 568px) {

    :root{
        /* --fs-nav-title: 1.55rem; */
        --fs-form-title: 1.45rem;
        --fs-form-input: 1.6rem;
    }
}