/* ============================================================================
   The Design Hub - self-hosted webfonts
   ----------------------------------------------------------------------------
   IBM Plex Sans and IBM Plex Mono, SIL Open Font License 1.1. Source and
   version are recorded in assets/SOURCES.md; the licence ships beside the
   files in assets/fonts/LICENSE-IBM-Plex.txt.

   Why these: Plex was drawn for a company that prints things. It is plain at
   small sizes, its figures line up in a table, and the mono is the same voice
   as the sans - which matters here, because every screen mixes prose with job
   references and timers.

   Latin-1 subsets only: this is an internal tool for one English-speaking
   team, and the full family is ~10x the bytes for glyphs nobody will type.

   Loaded BEFORE tokens.css so the family names exist by the time --font-sans
   is resolved. font-display: swap - a shift worker should never wait on a
   font to read the queue; the system stack in --font-sans paints first.

   URLs are relative to THIS file (assets/css/), hence the ../fonts/ hop.
   ========================================================================== */

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans-Medium-Latin1.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600 covers the 650 the old CSS asked for in a few places: with no 650 face
   the browser picks the nearest, which is this one. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans-Bold-Latin1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/IBMPlexMono-Regular-Latin1.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/IBMPlexMono-Medium-Latin1.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}