/* Self-hosted variable fonts -- Cormorant Garamond (body/reading text) and
 * Merriweather Sans (display: heads, nav buttons, tabs). Both SIL Open Font
 * License, files + license text in assets/fonts/ (copied from Erick's own
 * font pipeline at ~/Documents/Listen2ThisPoem/Channel/Pipeline/fonts,
 * 2026-08-04, then converted TTF -> WOFF2 the same day via fontTools --
 * 18-39% of the original file size, no fallback format served since WOFF2
 * has near-universal modern-browser support). Each family ships as two
 * variable-font files (roman + italic, each spanning its full weight axis)
 * rather than one file per static weight, so four @font-face rules cover
 * every weight/style combination theme.css's --roget-body-font/
 * --roget-display-font vars (styles.css) ask for.
 *
 * Must load before theme.css/styles.css in index.html so the font names
 * below exist by the time those files' font-family declarations resolve
 * -- though @font-face registration itself isn't cascade-order-sensitive,
 * keeping it first documents the dependency. */

@font-face {
	font-family: "Cormorant Garamond";
	src: url("assets/fonts/CormorantGaramond-Variable.woff2") format("woff2-variations");
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("assets/fonts/CormorantGaramond-Italic-Variable.woff2") format("woff2-variations");
	font-weight: 300 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Merriweather Sans";
	src: url("assets/fonts/MerriweatherSans-Variable.woff2") format("woff2-variations");
	font-weight: 300 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Merriweather Sans";
	src: url("assets/fonts/MerriweatherSans-Italic-Variable.woff2") format("woff2-variations");
	font-weight: 300 800;
	font-style: italic;
	font-display: swap;
}