/*
 * Inter font declarations for the React app only.
 * Static HTML pages continue to use the full fonts.css (5 families, 26 rules).
 *
 * size-adjust metrics make the Arial/system fallback match Inter's metrics,
 * so the swap window produces near-zero CLS.
 */

/* Inter Light (300) — used in Survey pages */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/shared/fonts/Inter-Light.woff2") format("woff2");
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
}

/* Inter Regular (400) — body text */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/shared/fonts/Inter-Regular.woff2") format("woff2");
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
}

/* Inter Medium (500) — buttons, labels, nav */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/shared/fonts/Inter-Medium.woff2") format("woff2");
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
}

/* Inter SemiBold (600) — headings, badges */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/shared/fonts/Inter-SemiBold.woff2") format("woff2");
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
}

/* Inter Bold (700) — page titles */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/shared/fonts/Inter-Bold.woff2") format("woff2");
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
}