/* The Punchcutter's Case (#228). The charts dress in period style; this sets the
   pages that hold them in types from the same century. Three roles:
     display   -- IM Fell English SC   : page titles, section heads, nav
     flourish  -- IM Fell English italic: taglines, captions, marginal notes
     body      -- EB Garamond          : running prose (Fell fatigues at length)

   Self-hosted under /fonts/ (no third-party request, works offline, fully static),
   latin-subset woff2, font-display: swap so nothing blocks on the files. Licenses
   for all three families ship in /fonts/OFL.txt (SIL OFL 1.1 redistribution).

   SCOPE: site chrome only. The charts' own SVG lettering stays the Iowan serif set
   in src/render/style.ts, on purpose: chart text is part of the byte-determinism
   contract, so touching it would owe a regen. This file never reaches the SVG. */

@font-face {
  font-family: 'IM Fell English SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/im-fell-english-sc-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IM Fell English';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/im-fell-english-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/eb-garamond-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/eb-garamond-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/eb-garamond-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/eb-garamond-latin-700-normal.woff2') format('woff2');
}

/* The three roles as custom properties, each ending in the site's existing warm
   serif stack. The pages consume these with the same stack repeated inline
   (var(--font-body, 'Iowan Old Style', ...)), so the generated atlas download, which
   links no fonts.css and so has these vars undefined, still falls back to the serif
   rather than to an unstyled default. */
:root {
  --font-serif-fallback: 'Iowan Old Style', 'Palatino', Georgia, serif;
  --font-display: 'IM Fell English SC', var(--font-serif-fallback);
  --font-flourish: 'IM Fell English', var(--font-serif-fallback);
  --font-body: 'EB Garamond', var(--font-serif-fallback);
}
