/**
 * 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;
}

/* ---- "Emerald Gem" preset: display ----
   Space Grotesk. Chosen deliberately AGAINST the house serif: Marcellus is an
   inscriptional roman and reads institutional-luxury, which is the first
   client's whole register. Space Grotesk is drawn from engineering lettering —
   flat terminals, single-storey a, wide counters — so a heading reads as
   instrument labelling rather than as a masthead. Nothing else in the category
   uses it either. */
@font-face {
	font-family: 'Space Grotesk';
	src: url('../fonts/SpaceGrotesk-Variable.ttf') format('truetype-variations'),
		url('../fonts/SpaceGrotesk-Variable.ttf') format('truetype');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

/* ---- "Emerald Gem" preset: body ----
   Inter, at an optical size the variable axis picks per size. The most legible
   UI face there is, and the one the brand's own first site already used, so
   this is a return rather than an invention. */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Variable.ttf') format('truetype-variations'),
		url('../fonts/Inter-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}