/* Knuskat huisstijl: de enige bron voor kleuren, lettertypen en maten.
   Laad dit bestand op elke pagina vóór de andere css-bestanden.
   Nieuwe waarde nodig? Eerst hier toevoegen, daarna gebruiken met var(--naam).
   Gedeeld met huisstijl/knuskat-tokens.json en het canvas (Huisstijl 3). */

@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root {
  /* kleuren */
  --linnen: #F4EFE6;  --room: #FFFDF9;  --salie: #DDE6DB;
  --mos: #3E5A47;     --honing: #E3B04B; --steen: #5E625B;
  --nacht: #1E2622;   --tekst: #3A423D;
  --rand: #E6DFD3;    --rand-2: #D9D1C3; --veld-rand: #CFC7B8;
  --licht-op-mos: #E4ECE3; --fout: #8A2D1F;

  /* aanvullend */
  --wit: #FFFFFF;             /* invoervelden, tekst op Mos */
  --tekst-hero: #2E3631;      /* inleiding in de hero en samenvattingsblok op Salie */
  --mos-hover: #334c3b;       /* primaire knop bij hover */
  --foto-vlak: #C9D7C6;       /* achtergrond achter foto's tijdens laden */
  --schim: rgba(30, 38, 34, .45);                  /* achtergrond achter het paneel */
  --schaduw-banner: 0 16px 48px rgba(30, 38, 34, .18);
  --schaduw-melding: 0 8px 24px rgba(30, 38, 34, .2);

  /* lettertypen */
  --font-kop: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
  --font-tekst: "Instrument Sans", system-ui, sans-serif;

  /* maten */
  --max: 1180px;  --marge: 24px;
}