/* THE GRAFX type stack — self-hosted.
   Bricolage Grotesque (headings), Manrope (body, buttons, navigation),
   IBM Plex Mono (small labels and project metadata).
   All three are SIL Open Font License, so they can be served from the theme.

   Drop these four files beside this stylesheet:
     bricolage-grotesque-variable.woff2
     manrope-variable.woff2
     ibm-plex-mono-400.woff2
     ibm-plex-mono-500.woff2
   See docs/FONTS.md for the exact download links.

   If a file is missing the browser falls through to the next family in the
   stack, and functions.php additionally registers a hosted fallback so the
   site never renders in Times New Roman. */

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('bricolage-grotesque-variable.woff2') format('woff2-variations'),
       url('bricolage-grotesque-variable.woff2') format('woff2');
  font-weight: 400 800;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('manrope-variable.woff2') format('woff2-variations'),
       url('manrope-variable.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}