/* Typography for the separately built Journals and World Cup sites. */
@font-face {
  font-family: 'Geist Serif';
  src: url('/fonts/geist-serif/GeistSerif-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  /* Fonts without the requested glyph are supplied by the following fallbacks. */
  --serif: 'Geist Serif', 'Source Serif 4', Georgia, serif;
  --sans: 'Geist Serif', 'Source Serif 4', Georgia, serif;
  --font-display: 'Geist Serif', 'Fraunces Variable', Georgia, serif;
  --font-ui: 'Geist Serif', 'Archivo Variable', Georgia, serif;
  --font-read: 'Geist Serif', 'Newsreader Variable', Georgia, serif;
}

/* Tokens used by the separate football, data and learning applications. */
:root {
  --display: 'Geist Serif', Georgia, serif;
  --font-body: 'Geist Serif', Georgia, serif;
  --font-sans: 'Geist Serif', Georgia, serif;
  --default-font-family: 'Geist Serif', Georgia, serif;
  --mono: 'Geist Serif', Georgia, serif;
  --font-mono: 'Geist Serif', Georgia, serif;
  --font-geist-sans: 'Geist Serif', Georgia, serif;
  --font-geist-mono: 'Geist Serif', Georgia, serif;
}
/* Some generated shells assign their own font directly to the body. */
body, body[class*="__variable_geist"] {
  font-family: 'Geist Serif', Georgia, serif;
  --font-geist-sans: 'Geist Serif', Georgia, serif;
  --font-geist-mono: 'Geist Serif', Georgia, serif;
}
/* Keep actual source code and encoded answers monospaced. */
pre, code, kbd, samp, .coded-figure code, .code-target code, .answer-code {
  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
/* Controls use the reading face; embedded code editors retain their own fonts. */
body :is(button, input, select, textarea):not(:where(
  .fa, .fas, .far, .fab, [class*="fa-"], .material-icons,
  .answer-code, .code-editor, .code-editor *, .monaco-editor, .monaco-editor *,
  .CodeMirror, .CodeMirror *, pre *, code *
)) { font-family: 'Geist Serif', Georgia, serif !important; }