/* Each mode keeps its own example selection; dark mode uses the original set. */
html:not([data-theme=dark]) [data-hero-theme=dark],
html[data-theme=dark] [data-hero-theme=light]{display:none}
html[data-theme=light] body.lp-pagina .lp-hero{
  --ink:#172b24;--muted:#38483f;--lijn:#cfd8ce;--zacht:#eff1e9;
  --vlak:#fff;--bg:#f4f3eb;--accent:#2456cf;color-scheme:light;
  color:#172b24;background:#f4f3eb;
}
html[data-theme=light] .lp-hero .hero-scrim{background:
  radial-gradient(ellipse 54% 48% at 50% 28%,rgba(250,249,242,.94),rgba(250,249,242,.70) 44%,rgba(250,249,242,.12)),
  linear-gradient(180deg,rgba(247,247,239,.12),rgba(247,247,239,.04) 60%,rgba(244,243,235,.88))}
html[data-theme=light] .lp-hero h1{color:#172b24;text-shadow:none}
html[data-theme=light] .lp-hero .micro,
html[data-theme=light] .lp-hero .micro-link{color:#34463c;opacity:1}
html[data-theme=light] .lp-hero .startform{box-shadow:0 12px 38px -22px rgba(25,44,35,.32);border:1px solid #d4dace}
html[data-theme=light] .lp-hero .waaier-kaart{box-shadow:0 24px 60px -30px rgba(34,46,35,.36)}
html[data-theme=light] .lp-hero .waaier-knop{background:rgba(255,255,255,.88);color:#203c2d;border-color:#b8c4b7;opacity:.85}
html[data-theme=light] .lp-hero .waaier-knop:hover{background:#fff;opacity:1}
html[data-theme=light] .lp-hero .waaier:focus-visible{outline-color:#203c2d}
html[data-theme=light] body.lp-pagina.beta-live .topnav:not(.vast),
html[data-theme=light] body.lp-pagina .topnav:not(.vast){background:#fafaf4;color:#203c2d;border-bottom-color:#e1e4d9}
html[data-theme=light] body.lp-pagina .topnav:not(.vast) .willow-brand,
html[data-theme=light] body.lp-pagina .topnav:not(.vast) .navr a,
html[data-theme=light] body.lp-pagina.beta-live .topnav:not(.vast) .theme-toggle{color:#203c2d}
html[data-theme=light] body.lp-pagina .topnav:not(.vast) .theme-toggle{border-color:#9fae9e;color:#203c2d}
html[data-theme=light] body.lp-pagina .topnav:not(.vast) .navr a.btn{background:#203c2d;color:#fff}