/* Rekentools volgen licht/donker van het apparaat (Christoff, 13-09-2026).
   De site is donker ontworpen; deze regels gelden alleen als het systeem op licht staat
   en alleen op de drie calculatorpagina's. Hoge specificiteit omdat de paginastijl inline staat. */
@media (prefers-color-scheme: light){
 html,html body{background:#F6F7FA!important;color-scheme:light}
 html body .sc-art{--bg:#F6F7FA;--kaart:#FFFFFF;--tekst:#1E2430;--zacht:#5B6474;background:#F6F7FA!important;color:#1E2430!important}
 html body .sc-art::before{opacity:.35}
 html body .sc-art::after{opacity:.02}
 html body .sc-art h1,html body .sc-art h2,html body .sc-art h3,html body .sc-art strong,html body .sc-art .kader b{color:#0E1320!important}
 html body .sc-art p,html body .sc-art li{color:#2A3140}
 html body .sc-art .intro{color:#3A4352!important}
 html body .sc-art .meta,html body .sc-art .fijn{color:#6A7384!important}
 html body .sc-art .kop,html body .sc-art .verder{border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .kader{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important;border-left-color:#E0700F!important}
 html body .sc-art .cta{background:linear-gradient(160deg,#FFFFFF,#F1F3F7)!important;border-color:rgba(224,112,15,.35)!important}
 html body .sc-art a{color:#C25E0A}
 html body .sc-art .knop{color:#fff!important}
 html body .sc-art .eyebrow{color:#C25E0A!important}
 html body .voet{background:#EEF0F4!important;border-color:rgba(14,19,32,.08)!important}
 html body .voet-merk{color:#0E1320!important}
 html body .voet-nav a{color:#C25E0A!important}
 html body .voet-klein{color:#5B6474!important}
 html body .voet-klein b{color:#3A4352!important}

 /* de calculator zelf */
 html body .sc-art .calc{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important;box-shadow:0 10px 30px rgba(14,19,32,.06)}
 html body .sc-art .calc-lbl,html body .sc-art .calc-beursinfo,html body .sc-art .calc-hint{color:#5B6474!important}
 html body .sc-art .calc-lbl em,html body .sc-art .calc-in i{color:#7A8394!important}
 html body .sc-art .calc input:not([type=range]){background:#F6F7FA!important;color:#0E1320!important;border-color:rgba(14,19,32,.14)!important;box-shadow:none!important}
 html body .sc-art .calc input::placeholder{color:#A6ADBA!important}
 html body .sc-art .calc input:not([type=range]):focus{border-color:#E0700F!important;box-shadow:0 0 0 1px #E0700F!important}
 html body .sc-art .calc input[aria-invalid="true"]{border-color:#D93A3A!important;box-shadow:0 0 0 1px #D93A3A!important}
 html body .sc-art .calc-melding{color:#C0302F!important}
 html body .sc-art .segment{background:#EEF0F4!important;border-color:rgba(14,19,32,.10)!important;box-shadow:none!important}
 html body .sc-art .segment button{color:#5B6474!important}
 html body .sc-art .segment button[aria-selected="true"]{color:#0E1320!important}
 html body .sc-art .segment .glij{background:#FFFFFF!important;border-color:rgba(224,112,15,.55)!important;box-shadow:0 1px 3px rgba(14,19,32,.12)}
 html body .sc-art .segment[data-seg="richting"][data-stand="long"] .glij{background:#E6F7EE!important;border-color:rgba(22,150,90,.55)!important}
 html body .sc-art .segment[data-seg="richting"][data-stand="short"] .glij{background:#FDECEC!important;border-color:rgba(210,55,55,.55)!important}
 html body .sc-art .segment[data-seg="richting"][data-stand="long"] button[aria-selected="true"]{color:#12804D!important}
 html body .sc-art .segment[data-seg="richting"][data-stand="short"] button[aria-selected="true"]{color:#C0302F!important}
 html body .sc-art .calc-valuta button,html body .sc-art .calc-snel button,html body .sc-art .calc-koers{border-color:rgba(14,19,32,.14)!important;color:#3A4352!important;background:transparent}
 html body .sc-art .calc-valuta button[aria-selected="true"],html body .sc-art .calc-snel button[aria-pressed="true"]{background:#FFF1E4!important;border-color:rgba(224,112,15,.6)!important;color:#0E1320!important}
 html body .sc-art .calc-koers b{color:#C25E0A!important}
 html body .sc-art .calc-plus{border-color:rgba(14,19,32,.22)!important;color:#C25E0A!important}
 html body .sc-art .calc-weg{border-color:rgba(14,19,32,.14)!important;color:#5B6474!important}
 html body .sc-art .calc-zoek{background:#FFFFFF!important;border-color:rgba(14,19,32,.12)!important;box-shadow:0 18px 40px rgba(14,19,32,.12)!important}
 html body .sc-art .calc-zoek button{color:#0E1320!important}
 html body .sc-art .calc-zoek button[aria-selected="true"]{background:#FFF1E4!important}
 html body .sc-art .calc-zoek em,html body .sc-art .calc-zoek p{color:#6A7384!important}
 html body .sc-art .calc-meer{background:#F6F7FA!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .calc-meer summary{color:#0E1320!important}
 html body .sc-art .calc-meer-in{border-color:rgba(14,19,32,.08)!important}
 html body .sc-art .calc-uit,html body .sc-art .calc-samen{border-color:rgba(14,19,32,.08)!important}
 html body .sc-art .calc-tegel,html body .sc-art .calc-regel{background:#F6F7FA!important;color:#5B6474!important;border-color:transparent!important}
 @media(hover:hover){html body .sc-art button.calc-regel:hover,html body .sc-art button.calc-tegel:hover{border-color:rgba(224,112,15,.35)!important}}
 html body .sc-art .calc-tegel span,html body .sc-art .calc-regel span{color:#5B6474!important}
 html body .sc-art .calc-tegel b,html body .sc-art .calc-regel b{color:#C25E0A!important}
 html body .sc-art .calc-tegel svg,html body .sc-art .calc-regel svg{stroke:#7A8394!important}
 html body .sc-art .calc-samen[data-richting="long"] .calc-regel.kop span{color:#12804D!important}
 html body .sc-art .calc-samen[data-richting="short"] .calc-regel.kop span{color:#C0302F!important}
 html body .sc-art .calc-tplijst li{border-color:rgba(14,19,32,.08)!important}
 html body .sc-art .calc-tplijst li span:first-child{color:#5B6474!important}
 html body .sc-art .calc-tplijst li span:last-child{color:#0E1320!important}
 html body .sc-art .calc-waarschuw{background:#FDECEC!important;border-color:rgba(210,55,55,.3)!important;color:#A52A2A!important}
 html body .sc-art .calc-oordeel{background:#F6F7FA!important;border-color:rgba(14,19,32,.10)!important;color:#1E2430!important}
 html body .sc-art .calc-oordeel[data-stand="boven"]{background:#E6F7EE!important;border-color:rgba(22,150,90,.35)!important}
 html body .sc-art .calc-oordeel[data-stand="onder"]{background:#FDECEC!important;border-color:rgba(210,55,55,.3)!important}
 html body .sc-art .calc-tabelwrap{border-color:rgba(14,19,32,.08)!important}
 html body .sc-art .calc-tabel caption,html body .sc-art .calc-tabel th{color:#5B6474!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .calc-tabel td{color:#1E2430!important;border-color:rgba(14,19,32,.08)!important}
 html body .sc-art .calc-tabel tr.aan td{background:#FFF1E4!important;color:#0E1320!important}
 html body .sc-art .calc-schuif input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#E0700F 0,#E0700F var(--vul,50%),rgba(14,19,32,.12) var(--vul,50%))!important}
 html body .sc-art .calc-schuif input[type=range]::-moz-range-track{background:rgba(14,19,32,.12)!important}
 html body .sc-art .calc-schuif-maat span{color:#7A8394!important}
 html body .sc-art .calc-schuif-maat span.aan{color:#0E1320!important}
 html body .sc-toast{background:#0E1320!important;color:#fff!important}

 html body .sc-art .vraag{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .vraag summary{color:#0E1320!important}
 html body .sc-art .vraag p,html body .sc-art .vraag li{color:#2A3140!important}
 html body .sc-art .vraag[open] summary:before{background:#FFF1E4!important}
 html body .sc-art .video{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .video span,html body .sc-art .video span b{color:#0E1320!important}
 html body .sc-art .video em{color:#5B6474!important}

 html body .sc-art .vb,html body .sc-art .vb-mid{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .vb figcaption b{color:#0E1320!important}
 html body .sc-art .vb figcaption span,html body .sc-art .vb figcaption em{color:#5B6474!important}
 html body .sc-art .cta p,html body .sc-art .cta .fijn{color:#3A4352!important}
 html body .sc-art .cta h2{color:#0E1320!important}
 html body .sc-art .knop{background:#C9600A!important}

 html body .sc-art .vb-s p,html body .sc-art .vb-s span{color:#5B6474!important}
 html body .sc-art .vb-s h2,html body .sc-art .vb-s h3{color:#0E1320!important}

 html body .sc-art .calc-uitleg{color:#5B6474!important}
 html body .sc-art .calc-uitleg b{color:#1E2430!important}

 html body .sc-art .calc-zij{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important}
 html body .sc-art .calc-zij h3,html body .sc-art .calc-zij li b,html body .sc-art .zij-cta b{color:#0E1320!important}
 html body .sc-art .zij-cta{border-color:rgba(14,19,32,.08)!important}

 html body .sc-art .calc input[type=range],html body .sc-art .calc input[type=range]:focus{border:0!important;box-shadow:none!important;background:transparent!important;outline:none!important}
}
@media (prefers-color-scheme:light){html body .sc-art .kop h1{color:#0E1320!important}html body .sc-art .kop .intro{color:#3A4352!important}html body .eyebrow{color:#C25E0A!important;border-color:rgba(194,94,10,.42)!important;background:rgba(194,94,10,.07)!important}html body h1 em,html body h2 em{color:#C25E0A!important}}

/* 13-09-2026: ook voor artikelen. sfeer.css zet de eyebrow en tussen-CTA met hogere specificiteit, en #C25E0A haalt op #F6F7FA net geen 4,5. */
@media (prefers-color-scheme:light){html body .sc-art .kop .eyebrow,html body .sc-art .eyebrow,html body .eyebrow{color:#A34C07!important}html body .sc-art a,html body .sc-art .tussen-cta a,html body .sc-art .verder a,html body .voet a{color:#A34C07}html body .sc-art .knop,html body .sc-art a.knop{color:#fff!important}html body .sc-art .meta,html body .sc-art .fijn{color:#5F6878!important}html body h1 em,html body h2 em{color:#A34C07!important}}
@media (prefers-color-scheme:light){html body .sc-art .lijst a b,html body .sc-art .lijst a strong{color:#0E1320!important}html body .sc-art .lijst a span{color:#4A5363!important}html body .voet .voet-nav a,html body .voet a{color:#A34C07!important}html body .sc-art .calc-plus{color:#A34C07!important}html body .sc-art .calc-schuif-maat span{color:#5F6878!important}html body .sc-art .segment[data-seg="richting"][data-stand="long"] button[aria-selected="true"]{color:#0E6B40!important}}
@media (prefers-color-scheme:light){html body .sc-art .calc-lbl em,html body .sc-art .calc-voor{color:#5F6878!important}}

/* Nieuwsbrief-aanmelding in de lichte modus (17-09-2026). Zonder deze regels
   staat er een donker invoerveld met witte tekst midden op een lichte kaart:
   de donkere basisstijl van sfeer.css blijft dan gewoon staan. */
@media (prefers-color-scheme:light){
 html body .sc-art .nb{background:linear-gradient(180deg,#FFFFFF,#F1F3F7)!important;border-color:rgba(14,19,32,.12)!important}
 html body .sc-art .nb h2{color:#0E1320!important}
 html body .sc-art .nb > p{color:#3A4352!important}
 html body .sc-art .nb input[type=email]{background:#FFFFFF!important;color:#1E2430!important;border-color:rgba(14,19,32,.22)!important}
 html body .sc-art .nb input[type=email]::placeholder{color:#8A93A3!important}
 html body .sc-art .nb button{background:#C25E0A!important;color:#fff!important}
 html body .sc-art .nb .fijn{color:#5F6878!important}
 html body .sc-art .nb.gelukt .fijn{color:#0E6B40!important}
}
@media (prefers-color-scheme:light){html body .bl-inl{color:#4A5363!important}}
@media (prefers-color-scheme:light){html body .sc-art .vb-tr-verwijs{color:#5F6878!important}html body .sc-art .vb-tr-verwijs a{color:#A34C07!important}}
.art-tabel caption,.art-tabel th{color:#5B6474!important;border-color:rgba(14,19,32,.10)!important}
.art-tabel td{color:#1E2430!important;border-color:rgba(14,19,32,.08)!important}
@media(max-width:420px){.art-tabel tr{border-color:rgba(14,19,32,.10)!important}.art-tabel td[data-label]::before{color:#5B6474!important}}
.vb-sam{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important;color:#2A3140!important}
.vb-sam b{color:#0E1320!important}
.nb-venster{box-shadow:0 18px 48px rgba(14,19,32,.22)}.nb-venster .nb{background:#FFFFFF!important;box-shadow:none!important;border-color:rgba(14,19,32,.12)!important}.nb-venster .nb h2{color:#0E1320!important}.nb-venster .nb > p{color:#3A4352!important}.nb-venster .nb input[type=email]{background:#FFFFFF!important;color:#1E2430!important;border-color:rgba(14,19,32,.22)!important}.nb-venster .nb input[type=email]::placeholder{color:#8A93A3!important}.nb-venster .nb button{background:#C25E0A!important;color:#fff!important}.nb-venster .nb .fijn{color:#5F6878!important}.nb-venster .nb.gelukt .fijn{color:#0E6B40!important}.nb-dicht{background:rgba(14,19,32,.08)!important;color:#0E1320!important}
/* Marktpagina /markt/ (18-09-2026): de lichte tegenhanger van de mk-regels in sfeer.css.
   Dit bestand laadt alleen onder prefers-color-scheme: light (media op de link). */
.sc-markt .mk-meta,.sc-markt .mk-lbl,.sc-markt .mk-klein,html body .sc-markt .mk-sub,.sc-markt .mk-wissel,.sc-markt .mk-legenda,.sc-markt .mk-trend .t-naam em,.sc-markt .mk-munt em{color:#5B6474!important}
.sc-markt .mk-groot,.sc-markt .mk-trend .t-naam,html body .sc-markt .mk-uitleg dt{color:#0E1320!important}
.sc-markt .mk-klein b{color:#2A3140!important}
.sc-markt .mk-kaart,.sc-markt .mk-top{background:#FFFFFF!important;border-color:rgba(14,19,32,.10)!important;box-shadow:0 8px 24px rgba(14,19,32,.05)}
.sc-markt .mk-op{color:#12804D!important}.sc-markt .mk-neer{color:#C0302F!important}
.sc-markt .mk-spark .s-op{stroke:#16965A}.sc-markt .mk-spark .s-neer{stroke:#D0393A}
.sc-markt .mk-spark .v-op{fill:rgba(22,150,90,.10)}.sc-markt .mk-spark .v-neer{fill:rgba(208,57,58,.10)}
.sc-markt .mk-balk{background:rgba(14,19,32,.08)}.sc-markt .mk-balk .b-btc{background:#E0700F}.sc-markt .mk-balk .b-eth{background:#5B6CE0}
.sc-markt .mk-meter .m-naald{stroke:#0E1320}.sc-markt .mk-meter .m-as{fill:#0E1320}.sc-markt .mk-meter .m-bg{stroke:rgba(14,19,32,.08)}
.sc-markt .mk-oud{color:#A34C07!important}
.sc-markt .mk-leeg{border-color:rgba(14,19,32,.18)!important;color:#5B6474!important}
.sc-markt .mk-munt small,.sc-markt .mk-trend .t-rang,.sc-markt .mk-nieuws h3 span,.sc-markt .mk-nieuws a time,.sc-markt .mk-bronnen{color:#6A7384!important}
.sc-markt .mk-fg text{fill:#5B6474}.sc-markt .mk-fg .fg-lijn{stroke:rgba(14,19,32,.08)}.sc-markt .mk-fg .fg-50{stroke:rgba(14,19,32,.25)}
.sc-markt .fg-3{fill:#C9A227;background:#C9A227}.sc-markt .mk-meter .m-z.fg-3{stroke:#C9A227}
html body .sc-markt .mk-trend li,html body .sc-markt .mk-nieuws li,.sc-markt .mk-uitleg div{border-color:rgba(14,19,32,.08)!important}
.sc-markt .mk-trend li:before{background:#FFF1E4;color:#A34C07}
html body .sc-markt .mk-nieuws a{color:#1E2430!important}
@media(hover:hover){html body .sc-markt .mk-nieuws a:hover{color:#A34C07!important}}
html body .sc-markt .mk-uitleg dd{color:#2A3140!important}
html body .sc-markt .mk-uitleg dd a{color:#A34C07!important}
.sc-markt .mk-klein b.fg-t1{color:#C0302F!important}.sc-markt .mk-klein b.fg-t2{color:#B4540C!important}.sc-markt .mk-klein b.fg-t3{color:#8A6D00!important}.sc-markt .mk-klein b.fg-t4{color:#2E7D3A!important}.sc-markt .mk-klein b.fg-t5{color:#12804D!important}
.sc-markt .mk-klein b.mk-op,.sc-markt .mk-wissel b.mk-op{color:#12804D!important}.sc-markt .mk-klein b.mk-neer,.sc-markt .mk-wissel b.mk-neer{color:#C0302F!important}
.sc-markt .mk-top:has(.mk-leeg){border:0!important;background:none!important;box-shadow:none!important;padding:0}
/* Agentronde 19-09-2026: contrast en kader in het lichte thema.
   Wit op #C9600A (.knop) haalde 4,07:1 en wit op #C25E0A (nieuwsbriefknop) 4,29:1; de norm is
   4,5:1. #B8560A haalt 4,80:1, hover #A04808 6,13:1. */
html body .sc-art .knop,html body .sc-art a.knop,html body .sc-art .nb button,.nb-venster .nb button{background:#B8560A!important;color:#fff!important}
@media(hover:hover){html body .sc-art .knop:hover,html body .sc-art a.knop:hover,html body .sc-art .nb button:not(:disabled):hover,.nb-venster .nb button:not(:disabled):hover{background:#A04808!important}}
/* Focusringen op een lichte ondergrond: #A34C07 haalt 5,45:1 op #F6F7FA en 5,84:1 op wit. */
html body .sc-art :is(button,a,summary,[tabindex]):focus-visible{box-shadow:none;outline:2px solid #A34C07;outline-offset:2px}
.nb-dicht:focus-visible,.nb-venster .nb-rij button:focus-visible,html body .sc-art .nb-rij button:focus-visible,html body .sc-art .nb-rij input[type=email]:focus-visible{outline:2px solid #A34C07!important;outline-offset:2px}
html body .sc-art p.kort-antwoord{background:var(--kaart,#FFFFFF);border-color:rgba(14,19,32,.10);border-left-color:#E0700F;box-shadow:0 6px 18px rgba(14,19,32,.05)}