/* ============================================================ Nachtstand voor Ouderenzorg-Platform.nl Actief zodra het kenmerk data-thema="nacht" heeft. Werkt door (1) de merk-variabelen om te klappen naar een donker palet en (2) gerichte regels die ook vaste en inline-kleuren vangen. ============================================================ */ html[data-thema="nacht"]{ --ozp-creme:#0c1719; /* paginabasis (was licht) */ --ozp-salie:#16282d; /* subtiele getinte vlakken */ --ozp-salie-diep:#27444a; /* randen */ --ozp-inkt:#dbe5e6; /* hoofdtekst (was bijna zwart) */ --ozp-grijs:#9bb0b3; /* secundaire tekst */ --ozp-groen:#2f8497; /* accent iets opgelicht voor contrast */ --ozp-groen-diep:#102a31; /* donkere oppervlakken/secties */ --ozp-schaduw:0 12px 34px rgba(0,0,0,.5); color-scheme:dark; } html[data-thema="nacht"] body{background:var(--ozp-creme);color:var(--ozp-inkt)} /* koppen licht maken (gebruiken normaal het donkere groen als tekstkleur) */ html[data-thema="nacht"] h1, html[data-thema="nacht"] h2, html[data-thema="nacht"] h3, html[data-thema="nacht"] h4, html[data-thema="nacht"] h5, html[data-thema="nacht"] h6{color:#eef4f5} /* header en footer */ html[data-thema="nacht"] .ozp-header{background:rgba(12,23,25,.92);border-bottom-color:rgba(255,255,255,.07)} html[data-thema="nacht"] .ozp-footer{background:#0a1416} /* ---- witte vlakken via klassen -> donker oppervlak ---- */ html[data-thema="nacht"] .ozp-aanbieder, html[data-thema="nacht"] .ozp-acc-blok, html[data-thema="nacht"] .ozp-artikel, html[data-thema="nacht"] .ozp-auth, html[data-thema="nacht"] .ozp-bkpi, html[data-thema="nacht"] .ozp-blok, html[data-thema="nacht"] .ozp-cat, html[data-thema="nacht"] .ozp-cookie, html[data-thema="nacht"] .ozp-event, html[data-thema="nacht"] .ozp-evmodal-card, html[data-thema="nacht"] .ozp-evmodal-paneel, html[data-thema="nacht"] .ozp-faq, html[data-thema="nacht"] .ozp-featured, html[data-thema="nacht"] .ozp-feiten, html[data-thema="nacht"] .ozp-filterbalk, html[data-thema="nacht"] .ozp-inhoud-blok, html[data-thema="nacht"] .ozp-kaart, html[data-thema="nacht"] .ozp-keurmerk, html[data-thema="nacht"] .ozp-keuze, html[data-thema="nacht"] .ozp-lid, html[data-thema="nacht"] .ozp-mega, html[data-thema="nacht"] .ozp-mobiel-paneel, html[data-thema="nacht"] .ozp-pagina, html[data-thema="nacht"] .ozp-pakketkaart, html[data-thema="nacht"] .ozp-prose, html[data-thema="nacht"] .ozp-regio, html[data-thema="nacht"] .ozp-rol, html[data-thema="nacht"] .ozp-stats, html[data-thema="nacht"] .ozp-tool, html[data-thema="nacht"] .ozp-wiz, html[data-thema="nacht"] .ozp-zijkaart, html[data-thema="nacht"] .ozp-zoek{background:#15262b;border-color:#27444a} /* knoppen/bolletjes met witte achtergrond */ html[data-thema="nacht"] .ozp-btn-wit, html[data-thema="nacht"] .ozp-burger, html[data-thema="nacht"] .ozp-mobiel-sluit, html[data-thema="nacht"] .ozp-evmodal-sluit, html[data-thema="nacht"] .ozp-vink{background:#15262b;color:#dbe5e6;border-color:#27444a} /* uitgelichte (al donkere) kaart net iets lichter dan de basis */ html[data-thema="nacht"] .ozp-pakketkaart.ozp-uitgelicht{background:#15323a;border-color:#1f4750} /* lichte pastel-klassen -> subtiel donker */ html[data-thema="nacht"] .ozp-besch, html[data-thema="nacht"] .ozp-melding, html[data-thema="nacht"] .ozp-status-beantwoord{background:#16242b;border-color:#27444a;color:#dbe5e6} /* ---- inline witte achtergronden (duizenden style="background:#fff") ---- */ html[data-thema="nacht"] [style*="background:#fff"], html[data-thema="nacht"] [style*="background:#ffffff"], html[data-thema="nacht"] [style*="background: #fff"]{background:#15262b !important} /* inline lichte/creme achtergronden */ html[data-thema="nacht"] [style*="background:#f7f4ec"], html[data-thema="nacht"] [style*="background:var(--ozp-creme)"]{background:#101e22 !important} /* inline lichte pastel-tinten -> donkere getinte oppervlakken */ html[data-thema="nacht"] [style*="background:#e8f3ea"], html[data-thema="nacht"] [style*="background:#e4f2ec"], html[data-thema="nacht"] [style*="background:#e8f3 ea"]{background:#122a22 !important} html[data-thema="nacht"] [style*="background:#fdf3e4"], html[data-thema="nacht"] [style*="background:#fdeade"], html[data-thema="nacht"] [style*="background:#f6eedd"], html[data-thema="nacht"] [style*="background:#fbe9e1"], html[data-thema="nacht"] [style*="background:#fdf"]{background:#241a12 !important} html[data-thema="nacht"] [style*="background:#efeaf5"], html[data-thema="nacht"] [style*="background:#e8edf4"], html[data-thema="nacht"] [style*="background:#e3eff1"], html[data-thema="nacht"] [style*="background:#e4eef0"], html[data-thema="nacht"] [style*="background:#e2edee"]{background:#16242b !important} /* ---- inline donkere tekstkleuren -> licht ---- */ html[data-thema="nacht"] [style*="color:#39464a"], html[data-thema="nacht"] [style*="color:#253237"], html[data-thema="nacht"] [style*="color:var(--ozp-groen-diep)"], html[data-thema="nacht"] [style*="color:var(--ozp-inkt)"]{color:#dbe5e6 !important} /* groene/teal tekst beter leesbaar op donker */ html[data-thema="nacht"] [style*="color:#1d6b3a"], html[data-thema="nacht"] [style*="color:#1d8a5f"]{color:#5cc188 !important} html[data-thema="nacht"] [style*="color:#1d5f6e"], html[data-thema="nacht"] [style*="color:var(--ozp-groen)"]{color:#5aa9bb !important} /* lichte randen inline -> donker */ html[data-thema="nacht"] [style*="solid #c8dde0"], html[data-thema="nacht"] [style*="solid #e4eef0"], html[data-thema="nacht"] [style*="solid var(--ozp-salie-diep)"]{border-color:#27444a !important} /* formuliervelden */ html[data-thema="nacht"] input, html[data-thema="nacht"] select, html[data-thema="nacht"] textarea{background:#10201f;color:#dbe5e6;border-color:#27444a} html[data-thema="nacht"] input::placeholder, html[data-thema="nacht"] textarea::placeholder{color:#7f9498} /* mega-menu en mobiel menu randen/schaduw temperen */ html[data-thema="nacht"] .ozp-mega{box-shadow:0 30px 70px rgba(0,0,0,.6);border-color:#27444a} /* logo's iets oplichten zodat ze leesbaar blijven op donker */ html[data-thema="nacht"] .ozp-logo-merk img, html[data-thema="nacht"] .ozp-footer-merk img{filter:brightness(1.7) saturate(1.05)} /* zwevende dag/nacht-knop */ #ozpThemaKnop{transition:background .2s ease,color .2s ease} html[data-thema="nacht"] #ozpThemaKnop{background:#15262b;color:#eef4f5;border-color:rgba(255,255,255,.16)}