/* Klavika — the brand face, registered site-wide.
 *
 * The infographic SVGs are Illustrator exports, which write PostScript names
 * into the markup: font-family="KlavikaBasic-Bold, 'Klavika Basic'". Nothing
 * on the site declared those families, so the text fell back to the SVG
 * default (a serif) and rendered as Times. Every name those exports ask for is
 * declared below, so they resolve without the SVGs being edited — and so will
 * future exports, which carry the same names.
 *
 * The licensed set has no upright Regular (Light, Medium and Bold only), so
 * KlavikaBasic-Regular maps to Medium — the weight the stat cards already use.
 *
 * Subset to Latin plus the marks the brand copy uses (™ © ® – — ’ … ° × ≤ ≥).
 */

@font-face {
	font-family: "KlavikaBasic-Bold";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/klavika-bold.woff2") format("woff2");
}

@font-face {
	font-family: "KlavikaBasic-Regular";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/klavika-medium.woff2") format("woff2");
}

@font-face {
	font-family: "KlavikaBasic-Medium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/klavika-medium.woff2") format("woff2");
}

/* the human family name, weight-selectable */
@font-face {
	font-family: "Klavika Basic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/klavika-medium.woff2") format("woff2");
}

@font-face {
	font-family: "Klavika Basic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/klavika-bold.woff2") format("woff2");
}

/* short alias, matching what the animations already use */
@font-face {
	font-family: "Klavika";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/klavika-medium.woff2") format("woff2");
}

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