/*
  Self-hosted replacements for the Google Fonts <link> that used to live in
  app/layout.tsx. Same 4 files Google itself would have served for the
  latin subset — these are variable fonts, so one file each covers the full
  weight range via `font-weight: <min> <max>`, matching exactly what the
  site used before (Fraunces 400/500/600 + italic 500/600, Manrope
  400-700, Caveat 500-700). Font-family names are kept identical to the
  Google Fonts names ("Fraunces", "Manrope", "Caveat") on purpose — both
  the DB-driven theme (ThemeSetting.fontFamily, seeded as
  "'Fraunces', Georgia, serif" etc.) and the hardcoded ".script" rule in
  components/site/site.css reference these literal names directly, so
  nothing else needs to change for the self-hosted files to take effect.
*/

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/fraunces-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url("/fonts/fraunces-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/manrope.woff2") format("woff2");
}

@font-face {
  font-family: "Caveat";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("/fonts/caveat.woff2") format("woff2");
}