/*
 * Self-hosted IBM Plex fonts for KBS.
 *
 * Font files are stored directly in:
 * /assets/fonts/
 */

/* IBM Plex Sans */

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

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

@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
}

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

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

/* Map heavier UI weights to the bold file.
   This prevents the browser from inventing a faux bold when older CSS
   still uses 800 or 900 in labels, buttons or navigation.
*/

@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2");
}

/* IBM Plex Serif */

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Italic.woff2") format("woff2");
}

/* Map heavier heading weights to the bold file if any old CSS still asks for them. */

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/IBMPlexSerif-Bold.woff2") format("woff2");
}