/**
 * WEBFONTS
 *
 * ⚠ THE ONLY FILE THAT CHANGES when moving to a licensed production route.
 * Everything downstream uses var(--font-display) / var(--font-text) and never
 * names a font directly, so swapping to the Adobe Fonts embed is a local edit.
 *
 * Kaneda Gothic is a Dharma Type commercial face. The binaries here are
 * git-ignored and licensed for local development only.
 *
 * font-display strategy differs per family, deliberately:
 *
 *   Kaneda (display) → block. It is exceptionally condensed — 47% the width of
 *   Arial at the same size. No system font is close, so `swap` would flash
 *   wildly mis-set headings and reflow the page. `block` hides the text for a
 *   moment instead. The file is 21KB and preloaded, so that moment is ~50ms.
 *
 *   Geist (text) → swap. Body copy should be readable immediately, and Geist's
 *   metrics are near enough to a system sans that the swap is barely visible.
 *
 * Geist ships as one variable file (latin subset, wght 300-700): 29KB against
 * 40KB for the three static cuts it replaces, in one request instead of three.
 * The declared axis runs wider than the weights actually used (400/600/700) —
 * that costs nothing, it is one file either way.
 */

@font-face {
	font-family: "Kaneda Gothic";
	src: url("../fonts/KanedaGothic-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: "Kaneda Gothic";
	src: url("../fonts/KanedaGothic-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: "Geist";
	src: url("../fonts/Geist-Variable.woff2") format("woff2-variations");
	font-weight: 300 700;          /* variable wght axis, not three static cuts */
	font-style: normal;
	font-display: swap;
}

@layer tokens {
	:root {
		/* Condensed fallbacks, least-bad first. Only ever seen if the webfont
		   fails outright, since font-display is block. */
		--font-display: "Kaneda Gothic", "Impact", "Arial Narrow", sans-serif;
		--font-text: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

		--weight-light: 300;    /* sticky CTA detail line */
		--weight-regular: 400;
		--weight-medium: 500;   /* news card headlines and dates */
		--weight-semibold: 600;
		--weight-bold: 700;
	}
}