/* Day Twenty Two type — self-hosted, no external font requests.
   Linked from public/index.html and from the static pages in public/
   (terms, privacy, the two guides). It lives here rather than in App.css
   because the build tooling (Create React App) tries to bundle any font a
   src/ stylesheet points at and cannot resolve a site-root path; a plain
   stylesheet next to the files is left alone. All four files are Latin
   subsets in woff2, OFL-licensed.

     Archivo              — the display face. Variable weight, width axis
                            pinned at normal (from Archivo-Variable.ttf, OFL,
                            Latin subset); the site uses
                            ExtraBold (800) for the site title, headline,
                            section titles, guide titles, the sample-strip
                            title and the step numerals.
     Instrument Sans      — the text face, everything else. Variable weight
                            plus the italic (the kicker is italic bold).
     IBM Plex Mono        — the proof block only.

   font-display: swap so text is never invisible while a file loads; the two
   variable files that paint the first screen are preloaded in index.html. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('Archivo-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('InstrumentSans-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('InstrumentSans-Italic-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('IBMPlexMono-Regular.woff2') format('woff2');
}