/*
 * Public site styles served by Propshaft (linked as "application" in the layout).
 * Only self-hosted @font-face lives here; everything else is Tailwind (see
 * app/assets/tailwind/application.css). Propshaft rewrites the url() references
 * below to digested /assets/... paths at compile time.
 *
 * Familjen Grotesk — wordmark, headings, story titles. Latin subset only
 * (see app/assets/fonts/, fetched from Google Fonts). IBM Plex Mono was dropped
 * to stay under the font-weight budget; labels use the system mono stack instead.
 */

@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/familjen-grotesk-400-a573bd67.woff2") format("woff2");
}

@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/familjen-grotesk-500-9b47eaa9.woff2") format("woff2");
}

@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/familjen-grotesk-700-0b22bf80.woff2") format("woff2");
}