/* PRODUCTION FONT LOADING — self-hosted alternative to the Google Fonts <link> the mockup pages use.
   Swap the <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk...'> in each page's <head>
   for <link rel="stylesheet" href="fonts/fonts.css"> when the app must not depend on Google Fonts. */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/SpaceGrotesk-Variable.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/Newsreader-Variable.woff2') format('woff2-variations');
}
