/* -----------------------------------------------------------------------------
   Global application font: Inter (variable).
   Loaded locally from static/fonts/intervariable. Kept as the PRIMARY font
   everywhere; "Outfit" and generic sans-serif remain as fallbacks and are only
   used if InterVariable fails to load.
----------------------------------------------------------------------------- */

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

:root {
  --sk-font-family: "InterVariable", "Outfit", sans-serif;
}

/* Safety net: anything that inherits (or only sets a generic family) still
   gets Inter first. Per-element rules keep their own Outfit fallback via the
   updated font stacks. */
html,
body {
  font-family: var(--sk-font-family);
}