/* ==========================================================================
   Typography.
   Self hosted by design: no request leaves the site, so the strict Content
   Security Policy holds and the site renders correctly offline.

   TO ACTIVATE THE REAL FONTS
   Download the woff2 files and drop them in /assets/fonts/ :
     inter-var.woff2                 (Inter variable)
     bricolage-grotesque-var.woff2   (Bricolage Grotesque variable)
     space-mono-400.woff2            (Space Mono regular)
   Sources: fonts.google.com  or  github.com/rsms/inter
   Until then the stacks below fall back to good system fonts and the layout
   is unaffected.
   ========================================================================== */

@font-face{
  font-family:'Inter';
  src:url('../fonts/inter-var.woff2') format('woff2-variations'),
      url('../fonts/inter-var.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Bricolage Grotesque';
  src:url('../fonts/bricolage-grotesque-var.woff2') format('woff2-variations'),
      url('../fonts/bricolage-grotesque-var.woff2') format('woff2');
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Space Mono';
  src:url('../fonts/space-mono-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Fallback stacks, used until the woff2 files are added and if one fails. */
:root{
  --f-display:'Bricolage Grotesque','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --f-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --f-mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}