/*
 * Section 9.2. Self-hosted only. No Google Fonts, no CDN.
 *
 * Drop the woff2 files into /assets/fonts/ and these rules pick them up. Until
 * then every stack falls back to a system face, so the app is never unstyled.
 *
 * Inter       - Latin UI
 * Vazirmatn   - all Persian and Dari, never Inter
 * Fraunces    - one display serif, used in three places maximum
 */

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-variable.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+2212;
}

@font-face {
	font-family: "Vazirmatn";
	src: url("../fonts/vazirmatn-variable.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200D;
}

@font-face {
	font-family: "Fraunces";
	src: url("../fonts/fraunces-variable.woff2") format("woff2-variations");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* The Persian face is listed first for the Arabic range and Inter never
	   matches it, so the stack switches on the text itself, not per element. */
	--font-ui: "Vazirmatn", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	--font-display: "Fraunces", "Vazirmatn", Georgia, "Times New Roman", serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}