/**
 * Self-hosted Newsreader + Inter — no Google Fonts in production.
 *
 * The @font-face rules below are correct and load-bearing; the font
 * FILES they point to are not yet present in this repository (see the
 * README in each font directory for exactly what's expected and why).
 * Until the files exist, these @font-face rules simply fail to match
 * and the browser falls back to the system stack already layered onto
 * --dv-font-serif / --dv-font-sans in tokens.css — so the site keeps
 * rendering correctly, just not yet in the approved typeface. This is a
 * tracked review item, not a silent gap: see docs/DESIGN_SYSTEM.md.
 *
 * Variable fonts are used (one file per style covers the whole weight
 * range) rather than one static file per weight, to keep the request
 * count and total payload down — a direct Core Web Vitals concern.
 */

@font-face {
	font-family: 'Newsreader';
	src: url('../fonts/newsreader/newsreader-variable.woff2') format('woff2-variations'),
		url('../fonts/newsreader/newsreader-variable.woff2') format('woff2');
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Newsreader';
	src: url('../fonts/newsreader/newsreader-italic-variable.woff2') format('woff2-variations'),
		url('../fonts/newsreader/newsreader-italic-variable.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

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