:root {

	--mv-accent:          #a61a45;
	--mv-accent-hover:    #881539;
	--mv-accent-zacht:    rgba(166, 26, 69, 0.08);
	--mv-accent-diep:     #7d1434;
	--mv-accent-donker:   #582a29;
	--mv-accent-contrast: #ffffff;

	--mv-kop:             #1f2a58;
	--mv-donker:          #1f2a58;
	--mv-donker-diep:     #182047;
	--mv-tekst:           #2d4162;
	--mv-tekst-zacht:     #8c8c8c;
	--mv-menu:            #000000;

	--mv-footer-bg:       #0f1320;

	--mv-link:            #5b7bfb;
	--mv-link-hover:      var(--mv-kop);

	--mv-hero-intro:      #313f58;

	--mv-icoon-uitleg:    var(--mv-accent);
	--mv-icoon-werkwijze: var(--mv-accent);

	--mv-knop-grijs:      var(--mv-kop);
	--mv-knop-grijs-hover:var(--mv-accent);
	--mv-projecttitel:    #5a2a2a;
	--mv-cta-overlay:     rgba(47, 40, 40, 0.5);

	--mv-detail-kaart-bg: #93203f;

	--mv-bg:              #ffffff;
	--mv-bg-zacht:        #f2f5f8;
	--mv-bg-vlak:         #f2f2f2;
	--mv-rand:            #ededed;
	--mv-rand-sterk:      #dedede;

	--mv-kop-kleur:       var(--mv-kop);
	--mv-body-kleur:      var(--mv-tekst);
	--mv-kaart-bg:        var(--mv-bg);
	--mv-kaart-rand:      var(--mv-rand);

	--mv-font-kop:   'Averia Sans Libre', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--mv-font-tekst: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

	--mv-gewicht-tekst:   400;
	--mv-gewicht-medium:  500;

	--mv-gewicht-kop:     700;

	--mv-gewicht-kop-licht: 400;
	--mv-gewicht-sterk:   700;

	--mv-fs-klein:  0.875rem;
	--mv-fs-body:   0.9375rem;
	--mv-fs-lead:   clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
	--mv-fs-h4:     clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
	--mv-fs-h3:     clamp(1.25rem, 1.13rem + 0.55vw, 1.5rem);
	--mv-fs-h2:     clamp(1.5rem, 1.2rem + 1.4vw, 2.5rem);
	--mv-fs-h1:     clamp(1.875rem, 1.4rem + 2.1vw, 3rem);

	--mv-lh-kop:    1.2;
	--mv-lh-body:   1.6;
	--mv-ls-kop:    -0.01em;
	--mv-ls-knop:   0.06em;

	--mv-ruimte-1:  0.25rem;
	--mv-ruimte-2:  0.5rem;
	--mv-ruimte-3:  0.75rem;
	--mv-ruimte-4:  1rem;
	--mv-ruimte-5:  1.5rem;
	--mv-ruimte-6:  2rem;
	--mv-ruimte-7:  3rem;
	--mv-ruimte-8:  4rem;
	--mv-sectie:    clamp(2.5rem, 1.5rem + 4vw, 5rem);

	--mv-radius-knop:  4px;
	--mv-radius-vlak:  10px;
	--mv-radius-klein: 6px;

	--mv-schaduw:      0 1px 2px rgba(24, 27, 49, 0.04), 0 8px 24px rgba(24, 27, 49, 0.06);
	--mv-schaduw-hoog: 0 2px 4px rgba(24, 27, 49, 0.05), 0 16px 40px rgba(24, 27, 49, 0.10);

	--mv-kolom-kop:        46rem;
	--mv-kolom-tekst:      40rem;

	--mv-kolom-projecten:  47rem;
	--mv-kolom-faq:      56.5rem;

	--mv-sectie-lucht:     clamp(64px, 3vw + 40px, 104px);

	--mv-container:        1280px;
	--mv-container-smal:   860px;
	--mv-sidebar:          340px;
	--mv-marge:            clamp(1rem, 4vw, 2rem);

	--mv-overgang: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
	:root { --mv-overgang: 0ms; }
}