/* Lichte variant: donkere hero, kop- en voetbalk; lichte inhoud */
body{background:#F4F6F9;color:#0B1F33}

/* lichte zones */
main section:not(.hero),.prose-wrap,.related{
  --ink:#0B1F33;--muted:#4A5B6E;--soft:#33475B;--line:rgba(6,24,41,.12);
  --navy:#FFFFFF;--navy-2:#EEF2F6;
  color:var(--ink)
}
main section:not(.hero){background:#F4F6F9}
main section.alt{background:#FFFFFF}
main section.alt .card,main section.alt .faq{background:#F4F6F9}

/* oranje tekst op licht: donkerder voor leesbaarheid (AA) */
main section:not(.hero) .step .num,main section:not(.hero) a.card .more,
main section:not(.hero) .layer.dsb .mono,.callout .mono,.prose a,.prose-wrap a:not(.btn):not(.card),
.field .req,.check a{color:#B93F0B}
main section:not(.hero) .eyebrow,.prose-wrap .eyebrow{color:#4A5B6E}

/* teksten die in de donkere stijl vast waren ingesteld */
.prose p,.prose li{color:#33475B}
.prose strong,.prose h2,.prose h3{color:#0B1F33}
.card{box-shadow:0 1px 2px rgba(6,24,41,.05)}
a.card:hover{border-color:#FF6B2C;box-shadow:0 8px 24px rgba(6,24,41,.08)}
.grid-3{background:rgba(6,24,41,.12)}
.layer{background:#FFFFFF}
.layer.dsb{background:linear-gradient(0deg,rgba(255,107,44,.10),rgba(255,107,44,.04)),#FFFFFF}
.tl::before{background:#FFFFFF}
.alt .tl::before{background:#FFFFFF}
.faq{background:#FFFFFF}
.faq[open]{border-color:#FF6B2C}
.contact-box{background:radial-gradient(600px 300px at 90% 0%,rgba(255,107,44,.14),transparent 70%),#FFFFFF;box-shadow:0 1px 2px rgba(6,24,41,.05)}
.contact-list a{background:#F4F6F9}
.btn-ghost{color:var(--ink)}
main section:not(.hero) .btn-ghost:hover,.prose-wrap .btn-ghost:hover{border-color:rgba(6,24,41,.45)}

/* formulieren */
form.dsb{background:#FFFFFF;box-shadow:0 1px 2px rgba(6,24,41,.05)}
.field input,.field select,.field textarea{background:#FFFFFF;color:#0B1F33;border-color:rgba(6,24,41,.25)}
.check{color:#33475B}
.form-status.ok{background:#E8F7EF;border-color:#7BC8A0;color:#0B3B24}
.form-status.err{background:#FFF1EA;border-color:#FF9C70;color:#5A1E05}

/* kennisgrafiek op licht */
.pf{background:#0A2238}
.pf figcaption{color:#A8BBCF}
.callout{background:#FFFFFF}
.aside-list p{color:#4A5B6E}

/* subpagina-kop blijft donker */
.page-head{color:#EEF3F8}
footer{background:#061829}
.hero,.nav,.page-head,footer,.consent{color:#EEF3F8}
.btn-primary{color:#061829}.nav.scrolled,.nav.solid{background:rgba(6,24,41,.97)}
main section:not(.hero),.prose-wrap{color-scheme:light}