/* ===================================================================
 * fonts — self-hosted variable faces
 * Montserrat + Roboto Slab: weight axis 100–900
 *
 * Site usage (do not hardcode family names in components):
 *   font-family: var(--font-sans);      UI / body
 *   font-family: var(--font-display);   titles
 * Tokens live in :root (main.css / critical.css).
 * =================================================================== */

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/roboto-slab/RobotoSlab-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}