/*
  Self-hosted variable fonts (latin subset only — this is an India-market English site).
  Fraunces = display/editorial serif (headlines, quotes, numerals)
  Inter     = UI/body sans (everything functional)
  Both are variable fonts: one file covers the whole weight range used on the site,
  so adding a new weight anywhere costs zero extra bytes and zero extra requests.
*/

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/fraunces-variable.woff2') format('woff2-variations'),
       url('/assets/fonts/fraunces-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-italic-variable.woff2') format('woff2-variations'),
       url('/assets/fonts/fraunces-italic-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 380 800;
  font-display: swap;
  src: url('/assets/fonts/inter-variable.woff2') format('woff2-variations'),
       url('/assets/fonts/inter-variable.woff2') format('woff2');
}

/*
  Metric-matched fallbacks so the swap from system font to webfont doesn't
  shift layout (CLS). size-adjust values are close approximations of
  Fraunces/Inter's ascent/descent vs Georgia/Arial.
*/
@font-face {
  font-family: 'Fraunces Fallback';
  src: local('Georgia');
  ascent-override: 98%;
  descent-override: 26%;
  line-gap-override: 0%;
  size-adjust: 104%;
}

@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial');
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 107%;
}
