/* ============================================================================
   JDX MARKETS · IBM Plex, self-hosted
   ---------------------------------------------------------------------------
   Replaces Fraunces (a display serif with literal SOFT and WONK axes, which is
   what made the headings read as playful rather than financial) and Hanken
   Grotesk with IBM Plex Sans, and JetBrains Mono with IBM Plex Mono.

   Self-hosted rather than pulled from Google Fonts, for three reasons:
     · no third-party request on a page that shows people's trading volume
     · the Content-Security-Policy can then forbid external fonts outright
     · one less network dependency between a visitor and the standings

   Latin subset, woff2 only, seven files, ~200 KB total. font-display: swap so
   text is readable immediately and never invisible while a face loads.
============================================================================ */

/* ---- IBM Plex Sans ---- */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ibm-plex-sans-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("ibm-plex-sans-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("ibm-plex-sans-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("ibm-plex-sans-latin-600-italic.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ibm-plex-sans-latin-700-normal.woff2") format("woff2");
}

/* ---- IBM Plex Mono , every figure on the site ---- */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("ibm-plex-mono-latin-600-normal.woff2") format("woff2");
}