/* Stijl 2026 voor de pagina's van www naast de homepage (docs/stijl-2026.md): een laag over hun eigen opmaak, geladen ná
   thema.css. Wit, zachte vlakken zonder randen, grote ronde hoeken, koppen bijna zwart, labels zonder hoofdletters. */

body{background:var(--surface)}
h1,h2,h3{color:var(--kop)}
h1{font-weight:700;letter-spacing:-.055em}
h2{letter-spacing:-.035em}
.eyebrow{text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:600}
.summary{border-radius:24px;background:var(--vlak)}
article{border-top:0;padding-top:8px}
table th,table td{border-color:var(--line)}
.form-card,.card{border:0;border-radius:24px;background:var(--vlak)}
.form-card input:not([type=checkbox]):not([type=radio]),.form-card select,.form-card textarea,.card input:not([type=checkbox]):not([type=radio]),.card select,.card textarea{border-radius:14px;background:var(--vlak-2)}
.back{color:var(--copper-text)}
/* makelaars.html */
.promise{border-radius:24px}
.package{border:0;border-radius:24px;background:var(--vlak)}
.package p{text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:600}
.package-wide{background:var(--sand)}
.keuze-optie{border:0;border-radius:16px;background:var(--vlak-2)}

/* Tekstkleuren (stijl 2026): vier op licht. Koppen bijna zwart (--kop), lopende tekst neutraal donkergrijs (--text), bijtekst grijs
   (--muted), accent koper (--copper-text) voor labels en links met een pijl. html:root wint van thema.css. */
html:root{--text:#3d4548;--muted:#6b7377}
@media (prefers-color-scheme:dark){html:root:not([data-theme=light]){--text:#c9d0d3;--muted:#98a3a7}}
html:root[data-theme=dark]{--text:#c9d0d3;--muted:#98a3a7}
body .button.secondary{color:var(--kop);box-shadow:inset 0 0 0 1.5px var(--kop);background-image:linear-gradient(var(--kop),var(--kop))}
body .button.secondary:hover{color:var(--surface)}

/* Blauwgroen (--ink) alleen nog voor het beeldmerk: tekst, links, knoppen en de letters van het logo bijna zwart; labels neutraal donkergrijs. */
html:root{--ink:#0f1a1e;--label:#3d4548}
@media (prefers-color-scheme:dark){html:root:not([data-theme=light]){--ink:#eef3f4;--label:#c9d0d3}}
html:root[data-theme=dark]{--ink:#eef3f4;--label:#c9d0d3}
.brand,.brand-lockup{color:var(--kop)}