/* pairing: trade-craft-editorial (Trade Craft Editorial) — generated by
 * `moon run web:font-build` (apps/web/scripts/build-fonts.mjs). Do not
 * edit by hand.
 *
 * Element rules below (not the --font-* custom properties alone) are what
 * make this pairing apply to UNCLASSED headings/body text — these 0-0-1
 * selectors reliably win the cascade over Tailwind preflight and any
 * template's own font rules purely on source order — this stylesheet's
 * <link> MUST be emitted after the palette sheet's (layout.tsx).
 *
 * --font-serif is ALSO aliased below (not just --font-heading/--font-body):
 * craft-retail/home.tsx's hero subheadline uses Tailwind's `font-serif`
 * UTILITY class, which resolves against Tailwind's own built-in
 * --font-serif theme token — a value this file's :root block previously
 * never touched, so that one node silently fell through to Tailwind's
 * hardcoded system-serif default instead of the active pairing's heading
 * font (caught via visual inspection post-Task-8, not the grep the plan
 * relied on — a grep for zero `font-*` utility classes in JSX has exactly
 * one live counterexample). Aliasing --font-serif here, not deleting the
 * utility class from JSX, keeps this fix general: ANY future font-serif
 * utility usage in ANY template tracks its pairing automatically. */
@font-face {
  font-family: "Fraunces Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fraunces-normal.7234ed860a.woff2) format("woff2-variations");
}

@font-face {
  font-family: "Fraunces Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fraunces-italic.066710ce7e.woff2) format("woff2-variations");
}

@font-face {
  font-family: "Work Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/work-sans-normal.1dd49afc07.woff2) format("woff2-variations");
}

@font-face {
  font-family: "Work Sans Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/work-sans-italic.73468c2b5c.woff2) format("woff2-variations");
}

:root,:host{
  --font-heading: "Fraunces Variable", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body: "Work Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans: var(--font-body);
  --font-serif: var(--font-heading);
}

html,
body {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-optical-sizing: auto;
}