/*
 * Fonts: the four families the app uses (Urbanist and Manrope for Soft,
 * Bricolage Grotesque and Space Grotesk for Bold). SIL Open Font License 1.1,
 * see /fonts/OFL.txt. Latin subset, WOFF2, six files in all.
 *
 * Each real face is paired with a local "Fallback" face whose size and metrics
 * are tuned to match it, so the swap from the fallback to the real font does
 * not move any text (no layout shift).
 */

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

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

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

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-800.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/space-grotesk-500.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
  src: url("/fonts/space-grotesk-700.woff2") format("woff2");
}

/* Fallbacks (Arial or a metric-compatible twin), sized to the real faces. */
@font-face {
  font-family: "Urbanist Fallback";
  font-weight: 600 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 97.08%;
  ascent-override: 97.86%;
  descent-override: 25.75%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Manrope Fallback";
  font-weight: 400 600;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
  size-adjust: 106.13%;
  ascent-override: 100.44%;
  descent-override: 28.27%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Manrope Fallback";
  font-weight: 700 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 101.42%;
  ascent-override: 105.11%;
  descent-override: 29.58%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Bricolage Grotesque Fallback";
  font-weight: 600 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 104.09%;
  ascent-override: 89.35%;
  descent-override: 25.94%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Space Grotesk Fallback";
  font-weight: 400 600;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
  size-adjust: 111.28%;
  ascent-override: 88.43%;
  descent-override: 26.24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Space Grotesk Fallback";
  font-weight: 700 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 102.72%;
  ascent-override: 95.79%;
  descent-override: 28.43%;
  line-gap-override: 0%;
}