/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: url('../fonts/NotoSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: url('../fonts/OpenSans-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: url('../fonts/OpenSans-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Open Sans';
    font-display: fallback;
    src: url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-style: normal;
    font-weight: 600;
}

/* Roboto */
@font-face {
    font-family: 'Roboto';
    font-display: fallback;
    src: url('../fonts/Roboto-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    font-display: fallback;
    src: url('../fonts/Roboto-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    font-display: fallback;
    src: url('../fonts/Roboto-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto';
    font-display: fallback;
    src: url('../fonts/Roboto-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

/* Work Sans */
@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-SemiBold.woff') format('woff');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Work Sans';
    font-display: fallback;
    src: url('../fonts/WorkSans-ExtraBold.woff') format('woff');
    font-style: normal;
    font-weight: 800;
}

/* Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Normal.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-SemiBold.woff') format('woff');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ExtraBold.woff') format('woff');
    font-style: normal;
    font-weight: 800;
}

/* Lexend */
@font-face {
    font-family: "Lexend";
    font-display: fallback;
    src: url("../fonts/Lexend-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Lexend";
    font-display: fallback;
    src: url("../fonts/Lexend-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Lexend";
    font-display: fallback;
    src: url("../fonts/Lexend-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

/* Segoe UI */
@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/segoeuil.woff") format("woff");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/segoeuisl.woff") format("woff");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/segoeui.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/seguisb.woff") format("woff");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/seguisb.woff") format("woff");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/segoeuib.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Segoe UI';
    font-display: fallback;
    src: url("../fonts/seguibl.woff") format("woff");
    font-style: normal;
    font-weight: 800;
}

/* Lato */
@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Hairline.woff") format("woff");
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Thin.woff") format("woff");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Semibold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Heavy.woff") format("woff");
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src: url("../fonts/Lato-Black.woff") format("woff");
    font-style: normal;
    font-weight: 900;
}


:root {
    --elevate-primary-font-new-ui: "Open Sans", sans-serif;
    --elevate-secondary-font-new-ui: "Open Sans", sans-serif;
    --elevate-primary-font: "Segoe UI", sans-serif;
    --elevate-secondary-font: "Segoe UI", sans-serif;
    --elevate-tertiary-font: "Lexend", sans-serif;
    --elevate-auth-primary-font: "Roboto", sans-serif;
    --elevate-auth-secondary-font: "Work Sans", sans-serif;
    --elevate-auth-tertiary-font: "Noto Sans", sans-serif;
    --explore-primary-font: "Lato", sans-serif;
}