@font-face {
    font-family: "IFAM Saira";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/saira-400.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Saira";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/saira-500.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Saira";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/saira-700.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/roboto-400.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/roboto-500.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Work Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/worksans-500.woff2") format("woff2");
}

@font-face {
    font-family: "IFAM Work Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/worksans-700.woff2") format("woff2");
}

html[data-font-mode="ci"] {
    --font-display: "IFAM Saira", "Saira", "Segoe UI", sans-serif;
    --font-body: "IFAM Roboto", "Roboto", "Segoe UI", sans-serif;
}

html[data-font-mode="ci"] h1 {
    font-family: "IFAM Saira", "Saira", "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
}

html[data-font-mode="ci"] h2 {
    font-family: "IFAM Saira", "Saira", "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
}

html[data-font-mode="ci"] :is(h3, h4) {
    font-family: "IFAM Saira", "Saira", "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

html[data-font-mode="ci"] :is(h5, h6) {
    font-family: "IFAM Work Sans", "Work Sans", "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

html[data-font-mode="ci"] :is(.eyebrow, .type-preview-eyebrow, .type-preview-specimen-tag) {
    font-family: "IFAM Work Sans", "Work Sans", "Segoe UI", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}