/* Gemaakt door de beheerpagina — niet met de hand aanpassen.
   Wijzigingen doe je op /beheer; dit bestand wordt dan opnieuw geschreven. */

@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/anton-400.woff2") format("woff2");
}

:root:root {
  --kleur-accent: #f39200;
  --kleur-accent-donker: #c77800;
  /* Wat er leesbaar op de accentkleur staat, en de accentkleur als tekst op
     een lichte achtergrond. Zie opAccent() en accentAlsTekst(). */
  --kleur-op-accent: #1a1a1a;
  --kleur-accent-tekst: #a16000;
  --kleur-donker: #1a1a1a;
  --kleur-donker-zacht: #272727;
  --kleur-tekst: #222222;
  --kleur-achtergrond-grijs: #f5f7fa;
  --font-kop: "Anton", "Helvetica Neue", Arial, sans-serif;
  --font-basis: "Helvetica Neue", Arial, Helvetica, "Helvetica Neue", Arial, sans-serif;
  --radius: 6px;
  --max-breedte: 1180px;
  --ruimte-xl: 4rem;
  --schaduw: 0 6px 18px rgba(0, 0, 0, 0.08);
  --kop-hoofdletters: none;
  --kop-uitlijn: center;
  --kop-streep-marge: auto;
  --kop-streep: block;
  --kop-streep-breedte: 60px;
}

/* Opmaak en formaat, ingesteld in de bewerkmodus op /beheer. */
:root:root:root [class*="Hero-module_titel_"] {
  font-size: 50px;
}