/**
 * Self-hosted webfonts (Latin subset, woff2). Served from the theme for same-origin
 * caching and to avoid third-party font CSS blocking or late swaps from fonts.googleapis.com.
 *
 * `font-display: optional` avoids a visible swap from system fonts after first paint (no
 * late CLS). Critical files are also `<link rel="preload">` from functions.php so they
 * usually paint with webfonts on first navigation. On very slow first loads, text may
 * stay on the system stack for that navigation only.
 *
 * Pairing (branding.md §3 — Option A): Space Grotesk (headings), DM Sans (body),
 * Rajdhani (hero / eyebrow labels only). IBM Plex Mono retained for monospace UI.
 *
 * Files sourced from Fontsource (https://fontsource.org/) @fontsource/* npm packages.
 */

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: optional;
	src: url("fonts/space-grotesk-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 600;
	font-display: optional;
	src: url("fonts/space-grotesk-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400;
	font-display: optional;
	src: url("fonts/dm-sans-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 500;
	font-display: optional;
	src: url("fonts/dm-sans-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Rajdhani";
	font-style: normal;
	font-weight: 500;
	font-display: optional;
	src: url("fonts/rajdhani-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Rajdhani";
	font-style: normal;
	font-weight: 600;
	font-display: optional;
	src: url("fonts/rajdhani-latin-600-normal.woff2") format("woff2");
}

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

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