/* Native San Francisco on Apple devices, installed SF Pro where available,
   and a locally hosted Inter fallback elsewhere. No Apple fonts are distributed. */
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Light"), local("SF Pro Text Light");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Regular"), local("SF Pro Text Regular");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Medium"), local("SF Pro Text Medium");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Semibold"), local("SF Pro Text Semibold");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Bold"), local("SF Pro Text Bold");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "SF Pro Interface";
  src: local("SFProText-Heavy"), local("SF Pro Text Heavy");
  font-style: normal;
  font-weight: 800;
}

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

:root {
  --font-interface: -apple-system, BlinkMacSystemFont, "SF Pro Interface", "SF Pro", "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", sans-serif;
  font-family: var(--font-interface);
  font-optical-sizing: auto;
}

button, input, select, textarea { font-family: inherit; }