/* Self-hosted web fonts — downloaded from Google Fonts (woff2).
   IBMPlexSans-400 uses font-display: swap (critical body font — must always
   render text). All other fonts use font-display: optional to avoid
   render-blocking: if they don't load in time, the browser falls back to
   system fonts instead of delaying first paint. */

/* ── Big Shoulders Display (mastheads/headings) ─────────────────── */

@font-face {
  font-family: "Big Shoulders Display";
  font-weight: 600;
  font-style: normal;
  font-display: optional;
  src: url(/static/fonts/BigShouldersDisplay-600.woff2) format("woff2");
}

@font-face {
  font-family: "Big Shoulders Display";
  font-weight: 700;
  font-style: normal;
  font-display: optional;
  src: url(/static/fonts/BigShouldersDisplay-700.woff2) format("woff2");
}

@font-face {
  font-family: "Big Shoulders Display";
  font-weight: 800;
  font-style: normal;
  font-display: optional;
  src: url(/static/fonts/BigShouldersDisplay-800.woff2) format("woff2");
}

/* ── IBM Plex Mono (labels/buttons) ────────────────────────────── */

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

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

@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 600;
  font-style: normal;
  font-display: optional;
  src: url(/static/fonts/IBMPlexMono-600.woff2) format("woff2");
}

/* ── IBM Plex Sans (body copy) ─────────────────────────────────── */

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

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

@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 600;
  font-style: normal;
  font-display: optional;
  src: url(/static/fonts/IBMPlexSans-600.woff2) format("woff2");
}

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