/* ---------------------------------------------------------------
   Typography — Gilroy (the two weights we ship with the project)
   Files live at the project root, so paths climb out of /css.
   --------------------------------------------------------------- */

@font-face {
  font-family: "Gilroy";
  src: url("../Gilroy-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../Gilroy-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light is the body voice; ExtraBold does every headline. There is no
   middle weight in the family, so anything that wants "semi-bold"
   should get size or letter-spacing instead. */
:root {
  --font: "Gilroy", ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif;
}