/**
 * ZZF Base — self-hosted brand fonts (@font-face only; no rules that apply
 * families — theme.json / style variations decide what is actually used).
 *
 * No external HTTP at runtime: every file below ships inside the theme at
 * assets/fonts/ (SIL Open Font License; see OFL-*.txt alongside the files).
 * Variable-weight TTFs sourced from github.com/google/fonts at build time.
 *
 * Pairings:
 *  - "High Desert" preset:  Playfair Display (display) / Outfit (body)
 *  - "Onyx" preset:         Marcellus (display) / Jost (body)
 *
 * Browsers only download a face when a rendered element actually uses the
 * family, so declaring all four families costs nothing on sites whose active
 * style variation uses the system stacks or a different pairing.
 */

/* ---- High Desert: display ---- */
@font-face {
	font-family: 'Playfair Display';
	src: url('../fonts/PlayfairDisplay-Variable.ttf') format('truetype-variations'),
		url('../fonts/PlayfairDisplay-Variable.ttf') format('truetype');
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('../fonts/PlayfairDisplay-Italic-Variable.ttf') format('truetype-variations'),
		url('../fonts/PlayfairDisplay-Italic-Variable.ttf') format('truetype');
	font-weight: 400 900;
	font-style: italic;
	font-display: swap;
}

/* ---- High Desert: body ---- */
@font-face {
	font-family: 'Outfit';
	src: url('../fonts/Outfit-Variable.ttf') format('truetype-variations'),
		url('../fonts/Outfit-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* ---- Onyx: display (single 400 weight by design) ---- */
@font-face {
	font-family: 'Marcellus';
	src: url('../fonts/Marcellus-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ---- Onyx: body ---- */
@font-face {
	font-family: 'Jost';
	src: url('../fonts/Jost-Variable.ttf') format('truetype-variations'),
		url('../fonts/Jost-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Jost';
	src: url('../fonts/Jost-Italic-Variable.ttf') format('truetype-variations'),
		url('../fonts/Jost-Italic-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}
