:root {
    /* Colors */
    --blue: #007bff;
    --blue-hover: #007bff;
    --indigo: #6610f2;
    --indigo-hover: #6610f2;
    --purple: #6f42c1;
    --purple-hover: #6f42c1;
    --pink: #e83e8c;
    --pink-hover: #e83e8c;
    --red: #dc3545;
    --red-hover: #dc3545;
    --orange: #fd7e14;
    --orange-hover: #fd7e14;
    --yellow: #ffc107;
    --yellow-hover: #ffc107;
    --green: #28a745;
    --green-hover: #28a745;
    --teal: #20c997;
    --teal-hover: #20c997;
    --cyan: #17a2b8;
    --cyan-hover: #17a2b8;
    --gray: #6c757d;
    --gray-hover: #343a40;
    --gray-dark: #343a40;
    --gray-dark-hover: #343a40;
    --primary: #F4C320;
    --primary-hover: #E09D00;
    --secondary: #1E1E1E;
    --secondary-hover: #292929;
    --success: #86BA90;
    --success-hover: #93C99C;
    --info: #8A9499;
    --info-hover: #9EAAAF;
    --warning: #F4C320;
    --warning-hover: #E09D00;
    --danger: #F34213;
    --danger-hover: #F25130;
    --white: #fff;
    --white-hover: #f4f4f4;
    --light: #EAEAEA;
    --light-hover: #F2F2F2;
    --dark: #1e1e1e;
    --dark-hover: #020202;
    --black: #1e1e1e;
    --black-hover: #020202;
    /* FONTS */
    --bs-font-family-base: "Work Sans", sans-serif;
    --bs-font-family-additional: "Amiri", serif;
    --bs-body-font-family: var(--bs-font-family-base);
    --bs-heading1-font-family: var(--bs-font-family-base);
    --bs-heading2-font-family: var(--bs-font-family-base);
    --bs-heading3-font-family: var(--bs-font-family-base);
    --bs-heading4-font-family: var(--bs-font-family-base);
    --bs-heading5-font-family: var(--bs-font-family-base);
    --bs-heading6-font-family: var(--bs-font-family-base);
    --bs-display1-font-family: var(--bs-font-family-additional);
    --bs-display2-font-family: var(--bs-font-family-additional);
    --bs-display3-font-family: var(--bs-font-family-additional);
    --bs-display4-font-family: var(--bs-font-family-base);
    --bs-lead-font-family: var(--bs-font-family-base);
    --bs-small-font-family: var(--bs-font-family-base);
    /* FONT SIZES */
    --bs-base-font-size: 16px;
    --bs-body-font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading1-font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading2-font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading3-font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading4-font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading5-font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
    --bs-heading6-font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
    --bs-display1-font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300)));
    --bs-display2-font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300)));
    --bs-display3-font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
    --bs-display4-font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
    --bs-lead-font-size: calc(32px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
    --bs-small-font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
    /* FONT WEIGHTS */
    --bs-body-font-weight: 300;
    --bs-heading1-font-weight: 400;
    --bs-heading2-font-weight: 400;
    --bs-heading3-font-weight: 400;
    --bs-heading4-font-weight: 400;
    --bs-heading5-font-weight: 400;
    --bs-heading6-font-weight: 400;
    --bs-display1-font-weight: 400;
    --bs-display2-font-weight: 500;
    --bs-display3-font-weight: 600;
    --bs-display4-font-weight: 600;
    --bs-lead-font-weight: 400;
    --bs-small-font-weight: 300;
    /* BUTTONS */
    --bs-button-font-size: 1.125rem;
    --bs-button-font-weight: 600;
    --bs-button-font-family: var(--bs-font-family-base);
    --bs-button-round: 1.5rem;
}
@media (min-width: 1600px) {
    :root {
        /* FONT SIZES */
        --bs-heading1-font-size: 20px;
        --bs-heading2-font-size: 20px;
        --bs-heading3-font-size: 20px;
        --bs-heading4-font-size: 20px;
        --bs-heading5-font-size: 20px;
        --bs-heading6-font-size: 20px;
        --bs-display1-font-size: 60px;
        --bs-display2-font-size: 40px;
        --bs-display3-font-size: 26px;
        --bs-display4-font-size: 16px;
        --bs-lead-font-size: 40px;
        --bs-small-font-size: 12px;
    }
}