/**
 * Self-hosted fonts — Archivo + Playfair Display, both true variable
 * fonts (one file per family covers the whole weight range, no separate
 * file per weight needed). Design Refrance self-hosts these as inline
 * base64 data URIs inside its homepage HTML files (why those files are
 * 4–5MB each) — that approach is deliberately NOT used here:
 *   - base64 defeats the browser's font cache across page loads
 *   - it bloats every HTML response instead of being a separately
 *     cacheable, parallel-downloadable file
 *
 * Self-hosted (rather than a Google Fonts CDN <link>) so no request/data
 * ever leaves this server to Google at page-load time — relevant for
 * GDPR (an EU court has held that loading Google Fonts from Google's CDN
 * transmits the visitor's IP to Google without consent).
 *
 * Weight range 100–900 (not 400–700 as originally set): checked the
 * actual Design Refrance source directly (grep across all 5 real content
 * pages) and found font-weight: 500/600/700/800/900 in use everywhere,
 * plus 400 on Article Details — so the original 400–700 range would have
 * silently clamped every 800/900 declaration down to 700 without warning.
 * Browsers automatically clamp to whatever weights the variable font file
 * itself actually supports, so declaring a wide range here is safe even
 * if a given weight isn't reachable.
 */

@font-face {
	font-family: 'Archivo';
	src: url('../../fonts/archivo-variable.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('../../fonts/playfair-display-variable.woff2') format('woff2-variations');
	font-weight: 400 900; /* confirmed via Google Fonts API: this family's variable axis only goes down to 400, not 100 */
	font-style: normal;
	font-display: swap;
}

/**
 * Italic faces — required by TSI Style Guide.html (the authoritative
 * developer handoff doc): the "Lead / Dek" text style is explicitly
 * Playfair Display italic 21px, and Archivo's Google Fonts request in
 * that same file includes an italic 400 weight too. Google serves italic
 * as a genuinely separate static file per family (not a variable axis
 * within the upright file), hence two more files here.
 */
@font-face {
	font-family: 'Archivo';
	src: url('../../fonts/archivo-italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('../../fonts/playfair-display-italic.woff2') format('woff2');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}