/*
 * wordmark-fonts.css — the 17 shortlisted header-wordmark faces, self-hosted.
 *
 * These power the config-driven wordmark switcher: .wordmark reads
 * `var(--wordmark-font, 'Bruno Ace SC')` (see site.css §5), and site.js sets
 * --wordmark-font to the founder's chosen family after load (GET /api/wordmark).
 * The slug in each filename + the font-family name here are the canonical pairs
 * in src/lib/wordmarkFonts.ts (a lockstep test pins CSS ⇔ module in sync).
 *
 * EFFICIENCY — declaring all 17 costs ONE download, not 17. A woff2 named by an
 * @font-face is fetched ONLY when a rendered element actually resolves to that
 * family; the 16 faces the wordmark isn't using are never requested. (Verified
 * in the network panel: exactly one wordmark woff2 loads per page.)
 *
 * All OFL — see /fonts/OFL.txt. Same-origin under /fonts/wordmark/, so the
 * default-src 'self' CSP (font-src falls back to it) covers them; no external
 * font origin. font-display: swap keeps first paint on the fallback stack.
 *
 * Each face was subset at a single weight (400–700 across the set); the
 * `font-weight: 400 700` range lets the wordmark's `font-weight: 700` request
 * resolve to the one available face rather than triggering a synthetic bold.
 */

@font-face {
  font-family: 'Bruno Ace';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/bruno-ace.woff2') format('woff2');
}
@font-face {
  font-family: 'Bruno Ace SC';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/bruno-ace-sc.woff2') format('woff2');
}
@font-face {
  font-family: 'Zen Dots';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/zen-dots.woff2') format('woff2');
}
@font-face {
  font-family: 'Gruppo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/gruppo.woff2') format('woff2');
}
@font-face {
  font-family: 'Aldrich';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/aldrich.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/exo-2.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/exo.woff2') format('woff2');
}
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/jura.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/quicksand.woff2') format('woff2');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/comfortaa.woff2') format('woff2');
}
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/michroma.woff2') format('woff2');
}
@font-face {
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/oxanium.woff2') format('woff2');
}
@font-face {
  font-family: 'Turret Road';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/turret-road.woff2') format('woff2');
}
@font-face {
  font-family: 'Genos';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/genos.woff2') format('woff2');
}
@font-face {
  font-family: 'Tomorrow';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/tomorrow.woff2') format('woff2');
}
@font-face {
  font-family: 'Nova Round';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/nova-round.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/wordmark/chakra-petch.woff2') format('woff2');
}