/**
 * Self-hosted fonts: DM Serif Display (display serif, normal + italic),
 * Familjen Grotesk (variable, body/UI face), Spline Sans Mono (variable,
 * used for eyebrows, labels, and data like time/dose).
 */

@font-face {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/dm-serif-display-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Serif Display';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/dm-serif-display-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Familjen Grotesk';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/familjen-grotesk-variable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'Spline Sans Mono';
	font-style: normal;
	font-weight: 400 500;
	font-display: swap;
	src: url('../fonts/spline-sans-mono-variable.woff2') format('woff2-variations');
}