/* Horilla type pair.
   Display (headings, .hr-display): Geist
   Text (body, labels, inputs, buttons): IBM Plex Sans

   Reuse: load horilla_theme/assets/css/type.css and add class "hr-type"
   on the page root. Variables: --hr-font-display, --hr-font-sans.
*/

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --hr-font-display: "Geist", "IBM Plex Sans", sans-serif;
  --hr-font-sans: "IBM Plex Sans", "Geist", sans-serif;
}

.hr-type {
  font-family: var(--hr-font-sans);
}

.hr-type :is(h1, h2, h3, h4, h5, h6),
.hr-type .hr-display {
  font-family: var(--hr-font-display);
  letter-spacing: -0.03em;
}

.hr-type :is(button, input, textarea, select) {
  font-family: inherit;
}