/* Gainzer-huisstijl Rev. 01 (okt 2026): beton, inkt en één signaaloranje.
   Bron: ~/projects/gainzer-huisstijl (kleuren/tokens.css, fonts/web). Fonts zelf gehost: geen verzoeken naar derden. */
@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-display: swap; src: url("/statisch/fonts/BigShouldersDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Big Shoulders Display"; font-weight: 900; font-display: swap; src: url("/statisch/fonts/BigShouldersDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 400; font-display: swap; src: url("/statisch/fonts/PublicSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 500; font-display: swap; src: url("/statisch/fonts/PublicSans-Medium.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 700; font-display: swap; src: url("/statisch/fonts/PublicSans-Bold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-display: swap; src: url("/statisch/fonts/IBMPlexMono-Medium.woff2") format("woff2"); }
:root {
  --krijt: #E6E3DC; --inkt: #16150F; --inkt-2: #3A3832; --beton: #CFCBC2; --staal-tekst: #57534B;
  --signaal: #FF4F12; --wit: #F6F4EF; --lijn: #CFCBC2; --fout: #a23b22;
  --f-kop: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --f-tekst: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}