/*
  FONTS
  -----
  Families used (the hero headline uses Impact; Anton is a free look-alike bundled for devices that do not have Impact):
    - FS Ostro (Medium)   headings   -> commercial font by Fontsmith. NOT bundled (it needs a license).
    - Nunito Sans         body text  -> free, bundled below.
    - Roboto Condensed    nav and buttons -> free, bundled below.

  Until you add FS Ostro, headings use Source Serif 4 as a close stand-in (also bundled).
  To use the real FS Ostro: put the licensed .woff2 file at public/assets/fonts/FSOstro-Medium.woff2.
  The @font-face below picks it up automatically, no other edits needed.
*/
@import url("/vendor/fontsource/nunito-sans/latin-400.css");
@import url("/vendor/fontsource/nunito-sans/latin-600.css");
@import url("/vendor/fontsource/nunito-sans/latin-700.css");
@import url("/vendor/fontsource/roboto-condensed/latin-400.css");
@import url("/vendor/fontsource/roboto-condensed/latin-700.css");
@import url("/vendor/fontsource/source-serif-4/latin-500.css");
@import url("/vendor/fontsource/source-serif-4/latin-600.css");
@import url("/vendor/fontsource/anton/latin-400.css");

@font-face {
  font-family: "FS Ostro";
  src: url("/assets/fonts/FSOstro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: "FS Ostro", "Source Serif 4", Georgia, serif;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hero: Impact, Haettenschweiler, "Anton", "Arial Narrow Bold", sans-serif;
  --font-ui: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}