html.mv-dark {

	--mv-accent:          #a61a45;
	--mv-accent-hover:    #c0224f;
	--mv-accent-zacht:    rgba(166, 26, 69, 0.22);
	--mv-accent-diep:     #7d1434;
	--mv-accent-contrast: #ffffff;

	--mv-bg:              #0f1320;
	--mv-bg-zacht:        #151a2b;
	--mv-bg-vlak:         #1b2135;
	--mv-rand:            #283050;
	--mv-rand-sterk:      #3a4468;
	--mv-donker:          #0f1320;
	--mv-donker-diep:     #090c16;

	--mv-tekst:           #d9deea;
	--mv-tekst-zacht:     #9aa3bd;
	--mv-link:            #9fb3ff;
	--mv-link-hover:      #ffffff;
	--mv-menu:            #ffffff;

	--mv-kop:             #ffffff;
	--mv-kop-kleur:       #ffffff;
	--mv-body-kleur:      var(--mv-tekst);
	--mv-kaart-bg:        #1b2135;
	--mv-kaart-rand:      var(--mv-rand);
	--mv-hero-intro:      #d9deea;
	--mv-projecttitel:    #ffffff;

	--mv-icoon-werkwijze: #d9587a;
	--mv-icoon-uitleg:    #d9587a;
	--mv-knop-grijs:      #3a4468;
	--mv-knop-grijs-hover:var(--mv-accent);
	--mv-cta-overlay:     rgba(9, 12, 22, 0.72);

	--mv-schaduw:         0 1px 2px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.40);
	--mv-schaduw-hoog:    0 2px 4px rgba(0, 0, 0, 0.50), 0 16px 40px rgba(0, 0, 0, 0.55);

	color-scheme: dark;
}

html.mv-dark .mv-header,
html.mv-dark .mv-header__hoofd,
html.mv-dark .mv-megapaneel,
html.mv-dark .mv-header__zoekpaneel,
html.mv-dark .mv-mobielmenu { background: #131829; }
html.mv-dark .mv-topbar { background: #0f1320; border-bottom-color: var(--mv-rand); }
html.mv-dark .mv-header__hoofd { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.45); }
html.mv-dark .mv-megapaneel { border-top-color: var(--mv-rand); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); }
html.mv-dark .mv-megapaneel .mv-menu-item__titel { color: #ffffff; }
html.mv-dark .mv-megapaneel .mv-menu-item__uitleg { color: var(--mv-tekst-zacht); }
html.mv-dark .mv-header .mv-weergave__knop,
html.mv-dark .mv-header__zoekknop { color: #ffffff; }

html.mv-dark .mv-header__logo-licht { display: none; }
html.mv-dark .mv-header__logo-donker[hidden] { display: inline-flex; }

html.mv-dark .mv-do-hero::before,
html.mv-dark .mv-do-voordelen::before,
html.mv-dark .mv-do-werkwijze::before,
html.mv-dark .mv-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(15, 19, 32, 0.82);
	z-index: 0;
	pointer-events: none;
}
html.mv-dark .mv-do-hero,
html.mv-dark .mv-do-voordelen,
html.mv-dark .mv-do-werkwijze,
html.mv-dark .mv-hero { position: relative; }

html.mv-dark .mv-do--blokken .wp-block-button.mv-do-knop--wit .wp-block-button__link,
html.mv-dark .mv-do-knop--wit { color: #1f2a58; }
html.mv-dark .mv-do--blokken .wp-block-button.mv-do-knop--wit .wp-block-button__link:hover { color: #1f2a58; }

html.mv-dark .mv-do--blokken .mv-do-projecten-sectie,
html.mv-dark .mv-do--blokken .mv-do-formulier { background: var(--mv-bg); }

html.mv-dark .mv-do-werkwijze__tekstvak { background: rgba(21, 26, 43, 0.86); }

html.mv-dark .mv-weergave { background: #131829; }

html.mv-dark img:not(.mv-logo) { filter: brightness(0.9); }
html.mv-dark .mv-megapaneel__project img,
html.mv-dark .mv-do-dienstkaart img,
html.mv-dark .mv-do-project img { filter: brightness(0.85) saturate(0.95); }

html.mv-dark input,
html.mv-dark select,
html.mv-dark textarea { background: var(--mv-bg-vlak); color: #ffffff; border-color: var(--mv-rand-sterk); }
html.mv-dark input::placeholder,
html.mv-dark textarea::placeholder { color: var(--mv-tekst-zacht); }
html.mv-dark .mv-footer__vraag .mv-zoekformulier input[type="search"],
html.mv-dark .mv-footer__nieuwsbrief-form input { background: #ffffff; color: #1f2a58; }

html.mv-dark { --mv-footer-bg: #0a0d18; }
html.mv-dark .mv-footer .mv-weergave__knop { border-color: var(--mv-rand-sterk); }