/* Static file: Vite/Tailwind must not minify this.
   Variable fonts need a weight RANGE, not one @font-face per weight.
   That is why headings (800) were still falling back on the live site. */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/plus-jakarta-sans.woff2") format("woff2");
}

@font-face {
  font-family: Jakarta;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/plus-jakarta-sans.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter.woff2") format("woff2");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter.woff2") format("woff2");
}

html {
  font-size: 15px;
}

html,
body {
  font-family: Inter, "Inter", ui-sans-serif, system-ui, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
  font-family: Jakarta, "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif !important;
}