/* Gegenereerd door Drie-O Core. Niet handmatig bewerken:
   wijzig de huisstijl via Drie-O > Huisstijl in het dashboard. */

:root {
	--drieo-blauw: #0978BF;
	--drieo-blauw-hover: #147AC0;
	--drieo-blauw-knop-hover: #0867A4;
	--drieo-marine: #242D54;
	--drieo-marine-diep: #1E2545;
	--drieo-oranje: #E15C11;
	--drieo-oranje-hover: #C24F0F;
	--drieo-oranje-licht: #F0A05A;
	--drieo-geel: #FCB217;
	--drieo-vlak-licht: #F7F9FB;
	--drieo-vlak-tint: #F4F8FD;
	--drieo-vlak-oranje: #FDF0E7;
	--drieo-vlak-actief: #E4ECF5;
	--drieo-vlak-hover: #F0F4F8;
	--drieo-lijn: #E5E6EA;
	--drieo-lijn-sterk: #C8D6E5;
	--drieo-lijn-zacht: #DDE4EB;
	--drieo-lijn-oranje: #F3C7A8;
	--drieo-tekst: #5A7490;
	--drieo-tekst-diep: #3F5570;
	--drieo-tekst-kop: #242D54;
	--drieo-tekst-zacht: #9FB0C4;
	--drieo-tekst-op-donker: #C7D3E8;
	--drieo-font-tekst: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	--drieo-font-kop: Montserrat, Inter, system-ui, sans-serif;
	--drieo-basis-grootte: 16px;
	--drieo-lh-tekst: 1.7;
	--drieo-radius: 12px;
	--drieo-radius-kaart: 14px;
	--drieo-radius-groot: 16px;
	--drieo-radius-beeld: 16px;
	--drieo-radius-pil: 999px;
	--drieo-accentlijn: 3px;
	--drieo-container: 1300px;
	--drieo-gutter: 44px;
	--drieo-sectie-ruimte: 80px;
	--drieo-anim-duur: 0.7s;
}

@media (max-width: 1023px) {
	:root {
		--drieo-gutter: 24px;
		--drieo-sectie-ruimte: 56px;
	}
}

@media (max-width: 767px) {
	:root {
		--drieo-gutter: 20px;
		--drieo-sectie-ruimte: 44px;
	}
}