/**
 * Self-hosted fonts (latin subset, woff2).
 * font-display:optional => the browser uses the real font if it is ready at
 * first paint (it is, because the critical weights are preloaded same-origin)
 * and never swaps it in afterwards, so there is no font-driven layout shift.
 */

/* ---- Archivo (body + headings) ---- */
@font-face{
  font-family:"Archivo";font-style:normal;font-weight:400;font-display:optional;
  src:url("fonts/archivo-400.woff2") format("woff2");
}
@font-face{
  font-family:"Archivo";font-style:normal;font-weight:500;font-display:optional;
  src:url("fonts/archivo-500.woff2") format("woff2");
}
@font-face{
  font-family:"Archivo";font-style:normal;font-weight:600;font-display:optional;
  src:url("fonts/archivo-600.woff2") format("woff2");
}
@font-face{
  font-family:"Archivo";font-style:normal;font-weight:700;font-display:optional;
  src:url("fonts/archivo-700.woff2") format("woff2");
}

/* ---- IBM Plex Mono (labels, nav, eyebrows) ---- */
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:optional;
  src:url("fonts/ibm-plex-mono-400.woff2") format("woff2");
}
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:optional;
  src:url("fonts/ibm-plex-mono-500.woff2") format("woff2");
}
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:optional;
  src:url("fonts/ibm-plex-mono-600.woff2") format("woff2");
}