/* Syne Italic: resolved by unifont from the `fontsource` provider.
 * https://unifont.dev/fonts/Syne%20Italic
 */

/* latin */
@font-face {
  font-family: "Syne Italic preview";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/syne-italic@5.3.0/latin-400-italic.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

:root {
  --font-syne-italic-preview: "Syne Italic preview", "Syne Italic preview fallback", sans-serif;
}

/* Metric-matched fallback, so text does not reflow when the real font lands. */
@font-face {
  font-family: "Syne Italic preview fallback";
  src: local("Arial"), local("Arial Regular"), local("Arial-Regular"), local("Arimo"), local("Arimo Regular"), local("Arimo-Regular"), local("Liberation Sans"), local("Liberation Sans Regular"), local("LiberationSans-Regular"), local("DejaVu Sans"), local("DejaVu Sans Regular"), local("DejaVuSans-Regular"), local("Helvetica"), local("Helvetica Regular"), local("Helvetica-Regular");
  size-adjust: 100%;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}