/* ACX Build — self-hosted variable fonts.
 * theme.json already declares these via fontFace; this file is the canonical
 * @font-face source for the front end + a hard fallback so text never blocks.
 *
 * Present in /assets/fonts/ (real variable woff2, dropped in 2026-06-08):
 *   - inter-variable.woff2            (Inter, wght variable, latin subset)
 *   - fraunces-variable.woff2         (Fraunces, opsz+wght variable, upright)
 *   - fraunces-variable-italic.woff2  (Fraunces, opsz+wght variable, italic)
 * Filenames/paths here MUST stay in sync with theme.json fontFace src and the
 * functions.php preload. See build-notes.md "Fonts".
 */

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

/* Fraunces is an optical-size + weight variable font (opsz 9–144, wght 100–900).
   Declare the full upright variable weight range so headings (600), display
   numerals, and any bold pull the right instance from the one file. */
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/fraunces-variable.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2192, U+2212, U+25CA;
}

/* Italic Fraunces — used for the premium pull-quotes in the reviews component
   (.acx-review__quote) and any <em>/italic display type. Separate file. */
@font-face {
	font-family: "Fraunces";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/fraunces-variable-italic.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2192, U+2212, U+25CA;
}

/* Warm, soft optical sizing on display type per brand-system §3. */
:root {
	--acx-font-fraunces: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;
	--acx-font-inter: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3,
.wp-block-site-title a,
.wp-block-post-title {
	font-optical-sizing: auto;
}