/* Gegenereerd uit platform/kennis/stijlen/krachtig.json
   Stijl: Krachtig & uitgesproken
   Kenmerk: Het accent is geen randje maar een vlak. Minstens één sectie loopt volledig in de accentkleur van rand tot rand, met de kop er groot in.
   Bewijs op een schermafdruk: Een sectie die volledig in één sterke kleur is uitgevoerd en de pagina draagt, in plaats van een kleur die alleen als lijntje of icoon voorkomt.
   Niet met de hand aanpassen; pas de stijl aan en draai de kit opnieuw. */

@font-face {
  font-family: "Anton";
  src: url("/letters/anton-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/letters/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --grond: #faf8f4;
  --vlak: #ffffff;
  --vlak-op: #f0ebe3;
  --ink: #1c1a17;
  --ink-zacht: #4d4842;
  --lijn: #ddd6cb;
  --lijn-sterk: #b23a32;
  --donker: #1c1a17;
  --donker-ink: #faf8f4;
  --accent: #2b69d4;
  --accent-tekst: #0b61f4;
  --accent-vul: #2b69d4;
  --accent-ink: #ffffff;
  --letter-kop: "Anton", system-ui, sans-serif;
  --letter-tekst: "Manrope", system-ui, sans-serif;
  --basis: 17.5px;
  --regelhoogte: 1.6;
  --radius: 6px;
  --lijn-dikte: 1px;
  --accent-lijn: 4px;
  --eenheid: 8px;
  --maatregel: 56ch;
  --trap-1: clamp(56px, 8.5vw, 128px);
  --trap-2: clamp(36px, 4.6vw, 64px);
  --trap-3: clamp(25px, 2.8vw, 38px);
  --trap-4: 22px;
  --trap-5: 17.5px;
  --trap-6: 13px;
  --sectie: clamp(3.5rem, 7.5vw, 6.5rem);
  --duur: 140ms;
  --curve: cubic-bezier(.2, .9, .3, 1);
}