/*
  Clarity Kit production typography

  This is the single source of truth for site-wide font choices. To install a
  future body-font winner, add its local WOFF2 below and change --font-body.
  Page styles consume semantic tokens rather than concrete font names.
  The private /font-lab/ is intentionally isolated from production fonts.
*/

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("/assets/fonts/bricolage-grotesque-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("/assets/fonts/merriweather-latin-400-700.woff2") format("woff2");
}

@font-face {
  font-family: "Fragment Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/fragment-mono-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Fragment Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/fragment-mono-italic-latin.woff2") format("woff2");
}

:root {
  --font-display: "Bricolage Grotesque", "Arial Black", sans-serif;
  --font-body: "Merriweather", Georgia, serif;
  --font-mono: "Fragment Mono", "SFMono-Regular", Menlo, monospace;
}