@font-face {
  font-family: "Manrope";
  src: url("../assets/type/Manrope-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;       /* range for variable TTF */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../assets/type/Onest-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

/* Shared font vars */
:root{
  --font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-title: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}