/* =========================================================
   V4 Design System — Font Stack
   Typeface Triad:
     Soul    → Newsreader (Serif/Display)
     Skeleton→ Host Grotesk (Sans)
     Precision→ IBM Plex Mono (Mono)
   ========================================================= */

/* --- Host Grotesk (Skeleton / Sans) --- */

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/host-grotesk-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/host-grotesk-latin-ext-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  unicode-range: U+0100-024F;
}

/* --- Newsreader (Soul / Serif) --- */

@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-standard-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-ext-standard-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  unicode-range: U+0100-024F;
}

/* --- IBM Plex Mono (Precision / Mono) --- */

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

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

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}