/* Midden-Delfland huisstijl overlay op Wassenaar BBV-muur v2.
   Kleuren overgenomen van www.middendelfland.nl (CSS-variabelen op de live site,
   23-07-2026): --h1Color/--navColor/--linkColor/--iconsColor = #005C8E (primair blauw),
   --bulletColor/--callToAction2BackgroundColor = #97B734 (groen, CTA/bullets),
   --colouredTopTasksDesignBlockBackgroundColor3 = #F68B23 (oranje, derde accent). */
:root {
    --md-primary: #005C8E;
    --md-accent: #97B734;
    --md-secondary: #F68B23;
}

/* Wassenaar-groen zit niet in één losse "accent"-variabele, maar diep verweven
   via --primary/--primary-dark/--ws-groen (tientallen var(--primary, #55601c)-
   plekken in styles.css/styles-bbv-muur-v2.css). Overschrijf daarom die
   basisvariabelen zelf, niet alleen --accent — anders blijft het grootste deel
   van de UI (knoppen, randen, links) groen. De --bbv0..8 hoofdstukkleuren
   (navy/rood/teal/paars/oranje/groen/roze/groen/indigo) blijven ONgemoeid —
   dat is een vaste, categorische kleurcode per BBV-hoofdstuk, geen Wassenaar-
   merkidentiteit, en hoort hetzelfde te blijven voor elke gemeente. */
body.md-site {
    --primary: var(--md-primary);
    --primary-dark: var(--md-primary);
    --ws-groen: var(--md-primary);
    --accent: var(--md-accent);
}

.md-site .site-header {
    border-bottom-color: var(--md-primary);
}

.md-site .header-text h1,
.md-site .header-title-link {
    color: var(--md-primary);
}

.md-site .site-nav-actief,
.md-site .dossier-terug:hover {
    color: var(--md-accent);
}

.md-site .overzicht-zoek button,
.md-site #searchBtn {
    background: var(--md-accent);
}

.md-site .c26-toggle-btn--actief {
    background: var(--md-primary);
    border-color: var(--md-primary);
}

/* Drie plekken in styles.css hebben #6b7a24 (Wassenaar-groen, hover-status)
   hard gecodeerd zonder var() — kunnen niet via een custom property, dus hier
   los overschreven. Geen apart donkerder blauw uitgevonden (niet gevonden op
   middendelfland.nl) — gewoon hetzelfde primair blauw op hover. */
.md-site .overzicht-zoek button:hover,
.md-site .bn-btn-primary:hover {
    background: var(--md-primary);
}

.md-site .zoek-fuzzy-link:hover {
    color: var(--md-primary);
}

.md-pilot-banner {
    background: #eef4f7;
    border: 1px solid #c8dce6;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0 0 1rem;
    font-size: 0.92rem;
    color: #333;
}

.md-pilot-banner a {
    color: var(--md-primary);
    font-weight: 600;
}

.md-site .md-pilot-banner strong {
    color: var(--md-primary);
}

.md-preview-banner {
    background: #fff8e6;
    border: 1px solid #f0d68a;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0 0 1rem;
    font-size: 0.92rem;
    color: #6b5300;
}