/* Self-hosted fonts (see static/fonts/), mirroring the webapp's fonts.css so the
   marketing site and app share one type system. Downloaded from Google Fonts so
   the site doesn't depend on fonts.googleapis.com at runtime. Newsreader and
   Fredoka are variable fonts: one file covers each style. Instrument Serif is the
   app's display face, used for the hero title and other page headings.
   Righteous is the wordmark face ("Kinerium" in the nav and the app header/loading
   screen) — a bold display face deliberately kept separate from
   --font-family-display so a face picked for a short logotype doesn't get
   reused on longer headings. */

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/fonts/fredoka.woff2') format('woff2');
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/newsreader.woff2') format('woff2');
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/newsreader-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/instrument-serif-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/instrument-serif-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/righteous.woff2') format('woff2');
}