@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&display=swap");

/* Two families, five styles (manual 07).
   Bricolage Grotesque 800 — display only, never body copy. Variable font,
   loaded from Google Fonts.
   Satoshi 400/500/700 + italic — body; italic reserved for the claim.
   Satoshi ships as real files in assets/fonts/, pulled from Fontshare (the
   publisher's own CDN and canonical free source). Nothing is substituted. */

@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../assets/fonts/satoshi-700-italic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  --font-display: "Bricolage Grotesque", "Archivo Expanded", system-ui, sans-serif;
  --font-text: "Satoshi", system-ui, sans-serif;
  --font-weight-display: 800;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}