/* ============================================================================
   SELF-HOSTED FONTSHARE FONTS — ERP•AI design-elevation stack
   ============================================================================
   Variable-axis WOFF2 files downloaded from Fontshare's CDN
   (https://www.fontshare.com), free for commercial use, no attribution
   required. Stored under src/assets/fonts/fontshare/ and copied to
   out/assets/fonts/fontshare/ by .eleventy.js passthrough.

   Declared with `font-display: swap` so first paint uses the fallback
   sans-serif while the WOFF2 streams in — matches the behavior of the
   existing Google Fonts `<link>` block in base.njk.

   These declarations are inert until CSS (tokens.css / base.css) references
   the families via `--font-heading` / `--font-body` / `--font-eyebrow`. That
   wiring lands in a follow-up commit alongside the rest of the Phase 2 swap.
   ============================================================================ */

@font-face {
  font-family: 'Clash Grotesk';
  src: url('/assets/fonts/fontshare/clash-grotesk-variable.woff2') format('woff2-variations');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Supreme;
  src: url('/assets/fonts/fontshare/supreme-variable.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Supreme;
  src: url('/assets/fonts/fontshare/supreme-variable-italic.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}