:root {
  --font-basis: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-kop: "Space Grotesk", Hanken Grotesk, system-ui, sans-serif;
}

@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/JJVhDx35y6Fh7084RP4W5-hanken-grotesk-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/dvktN73BNtmGBY9y8Ihx5-space-grotesk-latin.woff2") format("woff2");
}
:root {
  --color-groen: hsla(120, 57.89%, 59.02%, 1);
  --color-groen-donker: hsla(126.09, 53.33%, 47.06%, 1);
  --color-groen-diep: hsla(128.86, 55.7%, 30.98%, 1);
  --color-groen-zacht: hsla(120, 61.29%, 69.61%, 1);
  --color-groen-tint: hsla(120, 65.22%, 95.49%, 1);
  --color-donker: hsla(146.67, 30%, 11.76%, 1);
  --color-donker-2: hsla(140, 33.33%, 7.06%, 1);
  --color-tekst: hsla(144, 28.74%, 17.06%, 1);
  --color-tekst-zacht: hsla(144, 7.54%, 39.02%, 1);
  --color-bg: hsla(60, 21.74%, 95.49%, 1);
  --color-bg-licht: hsla(60, 17.95%, 92.35%, 1);
  --color-lijn: hsla(60, 13.43%, 86.86%, 1);
  --color-wit: hsla(0, 0%, 100%, 1);
  --color-fout: hsla(2.8, 61.48%, 47.84%, 1);
  --color-fout-tint: hsla(3.75, 66.67%, 95.29%, 1);
}