/* VHT pack brand CSS — served at /pack.css and linked from index.html
   after /app.css. Owns pack-specific brand chrome: brand typeface
   (@font-face), brand font-family stack, and any rules tied to
   pack-specific class names that aren't part of the framework's
   generic state-cascade surface. */

/* Founders Grotesk — Van Halteren's primary typeface, self-hosted at
   /fonts/ which the engine serves from the pack's public/ directory. */
@font-face {
  font-family: 'Founders Grotesk';
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/founders-grotesk-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Founders Grotesk';
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/founders-grotesk-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Founders Grotesk';
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/founders-grotesk-medium.woff2') format('woff2');
}

/* Body font stack — overrides the framework's generic system stack
   with Van Halteren's brand typeface. Falls through to Inter (the
   close substitute) and system-ui if Founders Grotesk fails to load.
   `font-synthesis: none` stops the browser faking italic / bold for
   weights we don't ship a real cut for — without it the brand bar's
   `font-light italic` tagline asks for Founders Grotesk 300 italic,
   gets the (regular) 400 file with no italic glyphs, and Chrome
   synthesises italic by skewing the regular — the smeared look. With
   synthesis off, the browser falls through to Inter (which DOES
   ship italic + light) and renders cleanly. */
:root {
  font-family: 'Founders Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  font-synthesis: none;
}