/* IBM Plex Sans VF */
/* ================== */

@font-face {
    font-family: 'IBM Plex Sans VF';
    src: url('fonts/IBMPlexSans-Italic-VariableFont_wdth\,wght.woff2') format('woff2 supports variations'),
        url('fonts/IBMPlexSans-Italic-VariableFont_wdth\,wght.woff2') format('woff2');
    font-weight: 100 700;
    font-width: 75 100;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans VF';
    src: url('fonts/IBMPlexSans-VariableFont_wdth\,wght.woff2') format('woff2 supports variations'),
        url('fonts/IBMPlexSans-VariableFont_wdth\,wght.woff2') format('woff2');
    font-weight: 100 700;
    font-width: 75 100;
    font-style: normal;
}

/* Charter (serif) */
/* ================ */

@font-face {
    font-family: 'Charter';
    src: url('fonts/CharterBT-Roman.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/CharterBT-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/CharterBT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/CharterBT-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* IBM Plex Mono VF */
/* ================= */

@font-face {
    font-family: 'IBM Plex Mono VF';
    src: url('fonts/IBM Plex Mono Var-Roman.woff2') format('woff2 supports variations'),
        url('fonts/IBM Plex Mono Var-Roman.woff2') format('woff2');
    font-weight: 100 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono VF';
    src: url('fonts/IBM Plex Mono Var-Italic.woff2') format('woff2 supports variations'),
        url('fonts/IBM Plex Mono Var-Italic.woff2') format('woff2');
    font-weight: 100 700;
    font-style: italic;
    font-display: swap;
}