:root {
    --md-text-font: "IBM Plex Sans";
    --md-code-font: "IBM Plex Mono";
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-300-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-300-italic.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-400-italic.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-500-italic.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-sans-700-italic.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-mono-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-mono-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-mono-400-italic.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../images/fonts/ibm-plex-mono-700-italic.woff2") format("woff2");
}