/**
 * Self-hosted brand fonts.
 *
 * Previously loaded from Google Fonts' CDN with `&display=swap`, which
 * caused a visible FOUT: the extra DNS/connection round trip to Google's
 * servers meant the fallback font rendered first, then visibly swapped in
 * once the webfont arrived. Self-hosting removes that round trip entirely,
 * and functions.php preloads these files so the swap happens before the
 * fallback is ever painted.
 *
 * Familjen Grotesk and Inter are variable fonts — Google serves the exact
 * same file for every static weight (400/500/600/700), so one @font-face
 * rule with a weight range covers all of them instead of four separate
 * downloads.
 */

@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' );
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url( '../fonts/inter-variable.woff2' ) format( 'woff2' );
}

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

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