/* ── Self-hosted Inter (variable) ──────────────────────────────
   Was: @import url("https://rsms.me/inter/inter.css") — an external
   CDN dependency. Now self-hosted from public/fonts/ so the whole
   site loads zero external fonts. Inter ships as a variable font
   (weights 100–900); modern browsers use InterVariable, and the
   "Inter" / "Inter var" aliases point to the same file so the base
   font stack resolves identically without relying on @supports.   */
@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: "InterVariable";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/InterVariable-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/InterVariable-Italic.woff2") format("woff2");
}

:root {
  --font-display: "Inter Display", "InterVariable", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-display) !important;
}

body,
p,
li,
label,
input,
select,
textarea {
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}