/* ============================================================================
   Filament — self-hosted brand fonts
   ----------------------------------------------------------------------------
   Self-hosted WOFF2 files, wired as @font-face. Loaded before design-language.css.
   - Space Grotesk  → display / headings        (self-hosted)
   - IBM Plex Sans   → body / UI  (roman, self-hosted)
   - IBM Plex Mono   → data / labels  (self-hosted: 400/500/600, roman only)
   Variable fonts: a single file serves the whole weight range, so font-weight
   is declared as a range and the browser interpolates. IBM Plex Mono ships as
   static instances, so each weight is its own @font-face.
============================================================================ */

/* ---- Space Grotesk (display) ---- */
@font-face {
  font-family: 'Space Grotesk';
  src: url('SpaceGrotesk-VariableFont_wght.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* ---- IBM Plex Sans (body / UI) — roman ---- */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('IBMPlexSans-VariableFont_wdth_wght.woff2') format('woff2');
  font-weight: 100 700;
  font-stretch: 85% 100%;
  font-style: normal;
  font-display: swap;
}


/* ---- IBM Plex Mono (data / labels) — static instances, 400/500/600 (no italics; mono labels are never italic) ---- */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('IBMPlexMono-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('IBMPlexMono-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('IBMPlexMono-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}