/*
 * Serotiva — self-hosted from /fonts/serotiva (woff2). The brand display + body face, shared with
 * WebAdminCC / SignInService so the repeater UI reads as part of the same product family. font-display:
 * swap → the metric-matched "Serotiva fallback" face renders first and Serotiva swaps in on load,
 * minimising layout shift. Only the four weights the UI actually uses are bundled (400/500/600/700);
 * add more from the WebAdminCC public/fonts/serotiva set if needed. */

@font-face {
  font-family: "Serotiva";
  src: url("/fonts/serotiva/serotiva-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Serotiva";
  src: url("/fonts/serotiva/serotiva-medium-webfont.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Serotiva";
  src: url("/fonts/serotiva/serotiva-semibold-webfont.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Serotiva";
  src: url("/fonts/serotiva/serotiva-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

/* Metric-matched fallback — occupies the slot while Serotiva loads (matches WebAdminCC). */
@font-face {
  font-family: "Serotiva fallback";
  src: local("Inter"), local("Segoe UI"), local("Helvetica Neue"), local("Arial");
  size-adjust: 98%;
  ascent-override: 92%;
  descent-override: 22%;
  line-gap-override: 0%;
}