html[data-theme="dark"] {
    /* Neutral dark backgrounds */
    --color-cream: #151816;
    --color-soft-green: #1c211e;

    /* Dark surfaces */
    --color-dark-surface: #1d211f;
    --color-dark-surface-raised: #222724;
    --color-dark-deep: #0e100f;

    /* Text */
    --color-text: #f4f1ec;
    --color-text-muted: #b8bfba;

    /* Borders */
    --color-border: rgba(244, 241, 236, 0.12);
}
html[data-theme="dark"] body {
    background: var(--color-cream);
    color: var(--color-text);
}



html[data-theme="dark"] .header-icon-button,
html[data-theme="dark"] .nav-toggle {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text);
}

html[data-theme="dark"] .header-icon-button:hover,
html[data-theme="dark"] .nav-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--color-white);
}

html[data-theme="dark"] .site-search {
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .site-search .search-field {
    border-color: var(--color-border);
    background: var(--color-dark-surface-raised);
    color: var(--color-text);
}

html[data-theme="dark"] .temporary-hero {
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(62, 107, 71, 0.38),
            transparent 35%
        ),
        var(--color-cream);
}

html[data-theme="dark"] .temporary-hero::after {
    background: #294d33;
    opacity: 0.55;
}

html[data-theme="dark"] .section--white {
    background: #1b2a20;
}

html[data-theme="dark"] .button--secondary {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text);
}

html[data-theme="dark"] .button--secondary:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* Refined header */

html[data-theme="dark"] .site-header {
    background: rgba(21, 32, 25, 0.94);
}

html[data-theme="dark"] .site-header.is-scrolled {
    background: rgba(21, 32, 25, 0.98);
    box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .header-icon-button,
html[data-theme="dark"] .nav-toggle {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text);
}

html[data-theme="dark"] .site-search {
    background: #19271e;
}

html[data-theme="dark"] .site-search .search-field {
    background: #223229;
    color: var(--color-text);
}

html[data-theme="dark"] .section--white,
html[data-theme="dark"] .route-card--light,
html[data-theme="dark"] .initiative-slide,
html[data-theme="dark"] .news-preview-card {
    border-color: rgba(255, 255, 255, 0.11);
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .route-card--light:hover,
html[data-theme="dark"] .initiative-slide:hover,
html[data-theme="dark"] .news-preview-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
}

html[data-theme="dark"] .home-hero__overlay {
    background:
        linear-gradient(
            90deg,
            rgba(21, 24, 22, 0.92) 0%,
            rgba(21, 24, 22, 0.76) 23%,
            rgba(21, 24, 22, 0.48) 42%,
            rgba(21, 24, 22, 0.12) 62%,
            rgba(21, 24, 22, 0) 80%
        );
}

html[data-theme="dark"] .home-hero__title {
    color: var(--color-white);
}

html[data-theme="dark"] .home-hero__title span:last-child {
    color: var(--color-green-light);
}

html[data-theme="dark"] .home-hero__intro {
    color: rgba(244, 241, 236, 0.82);
}

html[data-theme="dark"] .home-hero__themes li {
    border-color: rgba(255, 255, 255, 0.13);
    background: rgba(21, 32, 25, 0.66);
    color: var(--color-text);
}

html[data-theme="dark"] .home-hero__floating-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(29, 33, 30, 0.92);
    color: var(--color-text);
}

@media (max-width: 600px) {
    html[data-theme="dark"] .home-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(21, 32, 25, 0.96) 0%,
                rgba(21, 32, 25, 0.87) 38%,
                rgba(21, 32, 25, 0.6) 69%,
                rgba(21, 32, 25, 0.2) 100%
            );
    }
}
/* Homepage visitor routes */

html[data-theme="dark"] .route-card--light {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.055);
}

html[data-theme="dark"] .route-card--light::before {
    background: rgba(62, 107, 71, 0.22);
}

html[data-theme="dark"] .route-card--light .route-card__icon {
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-green-light);
}

html[data-theme="dark"] .route-card--light .route-card__number,
html[data-theme="dark"] .route-card--light .route-card__link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .route-card--light .route-card__link > span {
    border-color: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] .route-card--light:hover .route-card__link > span {
    background: rgba(255, 255, 255, 0.08);
}

/* Homepage initiatives carousel */

html[data-theme="dark"] .initiative-slide {
    border-color: rgba(255, 255, 255, 0.12);
    background: #1b2a20;
}

html[data-theme="dark"] .initiative-slide__placeholder {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255, 255, 255, 0.08),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #263c2d,
            #355a3e
        );
}

html[data-theme="dark"] .initiative-slide__placeholder-mark {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(21, 32, 25, 0.72);
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiative-slide__placeholder-name {
    color: var(--color-text);
}

html[data-theme="dark"] .initiative-slide__category {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(25, 39, 30, 0.9);
    color: var(--color-text);
}

html[data-theme="dark"] .initiative-carousel__button {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text);
}

html[data-theme="dark"] .initiative-carousel__button:hover {
    border-color: var(--color-green-light);
    background: var(--color-green);
    color: var(--color-white);
}

/* Homepage impact section */

html[data-theme="dark"] .home-impact {
    background: #294d33;
}

html[data-theme="dark"] .impact-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] .impact-card:hover {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.055);
}

/* Homepage actualiteit */

html[data-theme="dark"] .news-preview-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: #1b2a20;
}

html[data-theme="dark"] .news-preview-card__placeholder {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255, 255, 255, 0.07),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #263c2d,
            #355a3e
        );
}

html[data-theme="dark"] .news-preview-card__placeholder span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .news-preview-card__date {
    background: rgba(25, 39, 30, 0.9);
    color: var(--color-text);
}

html[data-theme="dark"] .agenda-preview {
    background: #294d33;
}

/* ========================================
   Homepage partners
======================================== */

html[data-theme="dark"] .home-partners {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .home-partners::before {
    background: rgba(183, 206, 177, 0.025);
}

html[data-theme="dark"] .partner-marquee {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.025);
}

html[data-theme="dark"] .partner-marquee::before {
    background:
        linear-gradient(
            90deg,
            var(--color-soft-green) 0%,
            rgba(28, 33, 30, 0.9) 34%,
            transparent 100%
        );
}

html[data-theme="dark"] .partner-marquee::after {
    background:
        linear-gradient(
            270deg,
            var(--color-soft-green) 0%,
            rgba(28, 33, 30, 0.9) 34%,
            transparent 100%
        );
}

/* Keep logo cards light */

html[data-theme="dark"] .partner-card {
    border-color: rgba(62, 107, 71, 0.15);
    background: #f8f7f3;
    box-shadow:
        0 0.8rem 2rem rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #294d33;
}

html[data-theme="dark"] .partner-card__placeholder {
    color: #294d33;
}

html[data-theme="dark"] .partner-card::before {
    background: #b7ceb1;
}

html[data-theme="dark"] .home-partners__header > .text-link::after {
    border-color: rgba(255, 255, 255, 0.14);
}

/* Homepage final CTA */

html[data-theme="dark"] .home-final-cta__panel {
    background: #294d33;
}

html[data-theme="dark"] .home-final-cta__placeholder {
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(255, 255, 255, 0.07),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #263c2d,
            #355a3e
        );
}

html[data-theme="dark"] .home-final-cta__placeholder-small,
html[data-theme="dark"] .home-final-cta__placeholder-large {
    color: var(--color-text);
}

html[data-theme="dark"] .home-final-cta__floating-label {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(25, 39, 30, 0.9);
    color: var(--color-text);
}

/* Global footer */

html[data-theme="dark"] .site-footer {
    background: #102018;
}

html[data-theme="dark"] .site-footer__logo {
    background: #f4f1ec;
}

/* Dark-mode hero image */

html[data-theme="dark"] .home-hero__background-image--day {
    opacity: 0;
}

html[data-theme="dark"] .home-hero__background-image--night {
    opacity: 1;
}

/* Dark-mode hero frame */

html[data-theme="dark"] .home-hero__background {
    border-color: rgba(183, 206, 177, 0.2);
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.045),
        0 1.25rem 3rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .home-hero__background::after {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow:
        inset 0 0 0 1px rgba(183, 206, 177, 0.07);
}

html[data-theme="dark"] .home-theme-item__content h3 {
    color: var(--color-text);
}

/* Header language switcher */

html[data-theme="dark"] .language-switcher {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.055);
}

html[data-theme="dark"] .language-switcher__link {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .language-switcher__link.is-active {
    color: var(--color-green-light);
}

html[data-theme="dark"] .language-switcher__divider {
    color: rgba(255, 255, 255, 0.2);
}

/* Homepage introduction */

html[data-theme="dark"] .home-intro {
    background: var(--color-cream);
}

html[data-theme="dark"] .home-intro__statement {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .home-intro__statement-label {
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--color-green-light);
}

html[data-theme="dark"] .home-intro__statement p {
    color: var(--color-text);
}

/* Homepage participation routes */

html[data-theme="dark"] .home-routes {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .home-routes__introduction {
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .route-card {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .route-card::before {
    background: rgba(255, 255, 255, 0.035);
}

html[data-theme="dark"] .route-card__icon {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .route-card__number {
    color: var(--color-green-light);
}

html[data-theme="dark"] .route-card__link {
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--color-text);
}

html[data-theme="dark"] .route-card__arrow {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .route-card--featured {
    border-color: rgba(183, 206, 177, 0.2);
    background: #294d33;
}

html[data-theme="dark"] .route-card--featured .route-card__icon {
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-white);
}

/* ========================================
   Homepage initiatives carousel
======================================== */

html[data-theme="dark"] .initiative-carousel__viewport {
    border-color: rgba(255, 255, 255, 0.11);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .initiative-slide,
html[data-theme="dark"] .initiative-slide__content {
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .initiative-slide__content::after {
    background: rgba(183, 206, 177, 0.035);
}

html[data-theme="dark"] .initiative-slide__content h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .initiative-slide__content p,
html[data-theme="dark"] .initiative-slide__total {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .initiative-slide__number {
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiative-slide__link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiative-slide__link::after {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .initiative-carousel__controls {
    border-color: rgba(255, 255, 255, 0.11);
    background: rgba(34, 39, 36, 0.9);
}

html[data-theme="dark"] .initiative-carousel__button {
    color: var(--color-text);
}

html[data-theme="dark"] .initiative-carousel__dot {
    background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .initiative-carousel__dot::after {
    background: var(--color-green-light);
}

/* Keep the image badge light for readability */

html[data-theme="dark"] .initiative-slide__category {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(244, 241, 236, 0.9);
    color: #294d33;
}

/* ========================================
   Homepage impact section
======================================== */

html[data-theme="dark"] .home-impact {
    background: #23452e;
}

html[data-theme="dark"] .home-impact__introduction {
    border-color: rgba(255, 255, 255, 0.13);
}

html[data-theme="dark"] .impact-card {
    border-color: rgba(255, 255, 255, 0.11);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.07),
            rgba(10, 15, 12, 0.08)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 1rem 2.5rem rgba(0, 0, 0, 0.17);
}

html[data-theme="dark"] .impact-card:hover {
    border-color: rgba(183, 206, 177, 0.24);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.1),
            rgba(10, 15, 12, 0.1)
        );
}

html[data-theme="dark"] .home-impact__statement {
    border-color: rgba(255, 255, 255, 0.11);
    background: rgba(8, 14, 10, 0.13);
}
/* ========================================
   Homepage actualiteit
======================================== */

html[data-theme="dark"] .home-actualiteit {
    background: var(--color-cream);
}

html[data-theme="dark"] .news-preview-card {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--color-dark-surface);
    box-shadow:
        0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .news-preview-card:hover {
    border-color: rgba(183, 206, 177, 0.24);
    background: var(--color-dark-surface-raised);
    box-shadow:
        0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .news-preview-card__content h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .news-preview-card__content p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .news-preview-card__action {
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--color-green-light);
}

html[data-theme="dark"] .news-preview-card__action span,
html[data-theme="dark"] .home-actualiteit__all-link::after {
    border-color: rgba(255, 255, 255, 0.14);
}

/* Keep agenda as the green accent card */

html[data-theme="dark"] .agenda-preview {
    border-color: rgba(183, 206, 177, 0.15);
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
    box-shadow:
        0 1rem 2.8rem rgba(0, 0, 0, 0.28);
}

/* ========================================
   Homepage final CTA
======================================== */

html[data-theme="dark"] .home-final-cta__panel {
    border-color: rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

/* Neutral charcoal visual instead of more green */

html[data-theme="dark"] .home-final-cta__visual {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(
            145deg,
            #202521,
            #2b302c
        );
}

html[data-theme="dark"] .home-final-cta__placeholder {
    background:
        radial-gradient(
            circle at 70% 24%,
            rgba(183, 206, 177, 0.08),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #1e2320,
            #2b312d
        );
}

html[data-theme="dark"] .home-final-cta__placeholder::before,
html[data-theme="dark"] .home-final-cta__placeholder::after {
    background: rgba(183, 206, 177, 0.035);
}

html[data-theme="dark"] .home-final-cta__placeholder-small {
    border-color: rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.045);
    color: var(--color-green-light);
}

html[data-theme="dark"] .home-final-cta__placeholder-large {
    color: var(--color-text);
}

html[data-theme="dark"] .home-final-cta__floating-label {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(244, 241, 236, 0.92);
    color: #294d33;
}

body.dark-mode .over-ons-team {
    background: #1d2920;
}

body.dark-mode .over-ons-team-title h2,
body.dark-mode .over-ons-team-card h3 {
    color: #f5f2eb;
}

body.dark-mode .over-ons-team-intro p,
body.dark-mode .over-ons-team-card p {
    color: rgba(245, 242, 235, 0.7);
}

body.dark-mode .over-ons-team-card {
    border-color: rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.05);
}

body.dark-mode .over-ons-team-card:hover {
    border-color: rgba(168, 200, 169, 0.2);
    box-shadow: none;
}

body.dark-mode .over-ons-team-initials {
    background: rgba(168, 200, 169, 0.1);
    color: #a8c8a9;
}

body.dark-mode .over-ons-team-role {
    color: #a8c8a9;
}

body.dark-mode .over-ons-foundation-card {
    background: #334d38;
}

body.dark-mode .over-ons-hero {
    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(138, 179, 143, 0.12),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #172019 0%,
            #172019 58%,
            #202e23 100%
        );
}

body.dark-mode .over-ons-hero::before,
body.dark-mode .over-ons-hero::after {
    border-color: rgba(255, 255, 255, 0.055);
}

body.dark-mode .over-ons-hero h1 {
    color: #f5f2eb;
}

body.dark-mode .over-ons-hero h1 span {
    color: #a8c8a9;
}

body.dark-mode .over-ons-hero-intro {
    color: rgba(245, 242, 235, 0.74);
}

body.dark-mode .over-ons-scroll-link {
    color: #a8c8a9;
}

body.dark-mode .over-ons-scroll-arrow {
    border-color: rgba(168, 200, 169, 0.3);
}

body.dark-mode .over-ons-scroll-link:hover {
    color: #d5e6d4;
}

body.dark-mode .over-ons-scroll-link:hover .over-ons-scroll-arrow {
    background: #a8c8a9;
    color: #172019;
}

body.dark-mode .over-ons-hero-shape-one {
    background: rgba(168, 200, 169, 0.07);
}

body.dark-mode .over-ons-hero-shape-two {
    background: rgba(255, 255, 255, 0.035);
}

body.dark-mode .over-ons-statement-card {
    border-color: rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18);
}

body.dark-mode .over-ons-statement-label {
    color: #a8c8a9;
}

body.dark-mode .over-ons-statement-card blockquote {
    color: #f5f2eb;
}

body.dark-mode .over-ons-statement-footer {
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(245, 242, 235, 0.66);
}

body.dark-mode .over-ons-clover {
    background: rgba(168, 200, 169, 0.1);
    color: #a8c8a9;
}

body.dark-mode .over-ons-small-card {
    border-color: rgba(255, 255, 255, 0.06);
    background: #334d38;
}

body.dark-mode .over-ons-samen {
    background: #18231b;
}

body.dark-mode .over-ons-samen-panel {
    background: #304a35;
}

body.dark-mode .over-ons-button-light {
    background: #f4f1ec;
    color: #294e31;
}

body.dark-mode .over-ons-button-light:hover {
    background: #ffffff;
}

body.dark-mode .over-ons-koers {
    background: #243126;
}

body.dark-mode .over-ons-koers-header h2 {
    color: #f5f2eb;
}

body.dark-mode .over-ons-koers-header > p {
    color: rgba(245, 242, 235, 0.72);
}

body.dark-mode .over-ons-missie-card {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: none;
}

body.dark-mode .over-ons-missie-card h3 {
    color: #f5f2eb;
}

body.dark-mode .over-ons-missie-card > p {
    color: rgba(245, 242, 235, 0.7);
}

body.dark-mode .over-ons-missie-card .over-ons-koers-number,
body.dark-mode .over-ons-missie-card .over-ons-koers-note {
    color: #a8c8a9;
}

body.dark-mode .over-ons-missie-card .over-ons-koers-label {
    border-color: rgba(168, 200, 169, 0.25);
    color: #a8c8a9;
}

body.dark-mode .over-ons-missie-card .over-ons-koers-line {
    background: rgba(255, 255, 255, 0.09);
}

body.dark-mode .over-ons-visie-card {
    border-color: rgba(255, 255, 255, 0.06);
    background: #334d38;
}

body.dark-mode .over-ons-waarom {
    background: #1d2920;
}

body.dark-mode .over-ons-waarom-heading h2,
body.dark-mode .over-ons-principle h3 {
    color: #f5f2eb;
}

body.dark-mode .over-ons-waarom-intro,
body.dark-mode .over-ons-waarom-text p,
body.dark-mode .over-ons-principle p {
    color: rgba(245, 242, 235, 0.72);
}

body.dark-mode .over-ons-principles,
body.dark-mode .over-ons-principle {
    border-color: rgba(255, 255, 255, 0.09);
}

body.dark-mode .over-ons-principle-number {
    color: #a8c8a9;
}

/* ========================================
   Over ons page
   Uses the exact homepage dark-mode palette
======================================== */

/* Alternating page backgrounds */

html[data-theme="dark"] .over-ons-hero {
    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(62, 107, 71, 0.28),
            transparent 31%
        ),
        var(--color-cream);
}

html[data-theme="dark"] .over-ons-waarom {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .over-ons-koers {
    background: var(--color-cream);
}

html[data-theme="dark"] .over-ons-team {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .over-ons-samen {
    background: var(--color-cream);
}


/* ========================================
   Hero
======================================== */

html[data-theme="dark"] .over-ons-hero::before,
html[data-theme="dark"] .over-ons-hero::after {
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .over-ons-hero-shape-one {
    background: rgba(62, 107, 71, 0.2);
}

html[data-theme="dark"] .over-ons-hero-shape-two {
    background: rgba(255, 255, 255, 0.035);
}

html[data-theme="dark"] .over-ons-hero h1 {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-hero h1 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-hero-intro {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .over-ons-scroll-link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-scroll-arrow {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .over-ons-scroll-link:hover {
    color: var(--color-white);
}

html[data-theme="dark"] .over-ons-scroll-link:hover .over-ons-scroll-arrow {
    border-color: var(--color-green);
    background: var(--color-green);
    color: var(--color-white);
}


/* Hero statement card */

html[data-theme="dark"] .over-ons-statement-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .over-ons-statement-label {
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-statement-card blockquote {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-statement-footer {
    border-color: var(--color-border);
}

html[data-theme="dark"] .over-ons-statement-meta {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .over-ons-small-card {
    border-color: rgba(183, 206, 177, 0.15);
    background: #294d33;
    color: var(--color-white);
}


/* ========================================
   Waarom NoordgroeiT
======================================== */

html[data-theme="dark"] .over-ons-waarom-heading h2,
html[data-theme="dark"] .over-ons-principle h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-waarom-intro,
html[data-theme="dark"] .over-ons-waarom-text p,
html[data-theme="dark"] .over-ons-principle p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .over-ons-principles,
html[data-theme="dark"] .over-ons-principle {
    border-color: var(--color-border);
}

html[data-theme="dark"] .over-ons-principle-number {
    color: var(--color-green-light);
}


/* ========================================
   Onze koers
======================================== */

html[data-theme="dark"] .over-ons-koers-header h2 {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-koers-header > p {
    color: var(--color-text-muted);
}


/* Mission card uses the standard dark surface */

html[data-theme="dark"] .over-ons-missie-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .over-ons-missie-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
}

html[data-theme="dark"] .over-ons-missie-card h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-missie-card > p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .over-ons-missie-card .over-ons-koers-number,
html[data-theme="dark"] .over-ons-missie-card .over-ons-koers-note {
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-missie-card .over-ons-koers-label {
    border-color: var(--color-border);
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-missie-card .over-ons-koers-line {
    background: var(--color-border);
}


/* Vision card stays the green accent card */

html[data-theme="dark"] .over-ons-visie-card {
    border-color: rgba(183, 206, 177, 0.15);
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
    box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.28);
}


/* ========================================
   People behind NoordgroeiT
======================================== */

html[data-theme="dark"] .over-ons-team-title h2,
html[data-theme="dark"] .over-ons-team-card h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-team-intro p,
html[data-theme="dark"] .over-ons-team-card p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .over-ons-team-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .over-ons-team-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
    box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .over-ons-team-initials {
    border: 1px solid var(--color-border);
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .over-ons-team-role {
    color: var(--color-green-light);
}


/* Foundation card uses homepage accent green */

html[data-theme="dark"] .over-ons-foundation-card {
    border: 1px solid rgba(183, 206, 177, 0.15);
    background: #294d33;
    box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.28);
}


/* ========================================
   Final collaboration section
======================================== */

html[data-theme="dark"] .over-ons-samen-panel {
    border: 1px solid rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .over-ons-button-light {
    background: var(--color-cream);
    color: var(--color-text);
}

html[data-theme="dark"] .over-ons-button-light:hover {
    background: var(--color-dark-surface-raised);
    color: var(--color-white);
}

html[data-theme="dark"] .over-ons-button-outline {
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--color-white);
}

html[data-theme="dark"] .over-ons-button-outline:hover {
    border-color: var(--color-white);
    background: rgba(255, 255, 255, 0.08);
}

/* ========================================
   Initiatieven page – overview cards
======================================== */

html[data-theme="dark"] .initiatieven-hero {
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(62, 107, 71, 0.28),
            transparent 32%
        ),
        var(--color-cream);
}

html[data-theme="dark"] .initiatieven-hero::before,
html[data-theme="dark"] .initiatieven-hero::after {
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .initiatieven-hero h1,
html[data-theme="dark"] .initiatieven-hero__statement > p,
html[data-theme="dark"] .initiatieven-section-header h2,
html[data-theme="dark"] .initiatief-card h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .initiatieven-hero__intro,
html[data-theme="dark"] .initiatieven-section-header > p,
html[data-theme="dark"] .initiatief-card__content > p,
html[data-theme="dark"] .initiatief-card__category {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .initiatieven-hero__statement {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .initiatieven-hero__statement-label,
html[data-theme="dark"] .initiatieven-hero__scroll-link,
html[data-theme="dark"] .initiatief-card__number,
html[data-theme="dark"] .initiatief-card__link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiatieven-hero__themes {
    border-color: var(--color-border);
}

html[data-theme="dark"] .initiatieven-hero__themes span,
html[data-theme="dark"] .initiatief-card__themes li {
    border-color: var(--color-border);
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiatieven-overzicht {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .initiatief-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .initiatief-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
    box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .initiatief-card__visual {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255, 255, 255, 0.07),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #263c2d,
            #355a3e
        );
}

html[data-theme="dark"] .initiatief-card__visual::before,
html[data-theme="dark"] .initiatief-card__visual::after {
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .initiatief-card__visual-mark {
    border-color: var(--color-border);
    background: rgba(21, 32, 25, 0.72);
    color: var(--color-green-light);
}

html[data-theme="dark"] .initiatief-card__visual-text {
    color: var(--color-text);
}

html[data-theme="dark"] .initiatief-card__link span {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .initiatief-card__link:hover span {
    background: var(--color-green);
    color: var(--color-white);
}

/* ========================================
   Initiatieven page – featured initiative
======================================== */

html[data-theme="dark"] .initiatieven-featured {
    background: var(--color-cream);
}

html[data-theme="dark"] .initiatieven-featured__header h2,
html[data-theme="dark"] .featured-initiatief h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .initiatieven-featured__header > p,
html[data-theme="dark"] .featured-initiatief__content > p,
html[data-theme="dark"] .featured-initiatief__themes span {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .featured-initiatief {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .featured-initiatief__number,
html[data-theme="dark"] .featured-initiatief__eyebrow,
html[data-theme="dark"] .featured-initiatief__themes strong,
html[data-theme="dark"] .featured-initiatief__text-link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .featured-initiatief__status {
    border-color: var(--color-border);
    color: var(--color-green-light);
}

html[data-theme="dark"] .featured-initiatief__themes,
html[data-theme="dark"] .featured-initiatief__themes > div {
    border-color: var(--color-border);
}

html[data-theme="dark"] .featured-initiatief__button {
    background: #294d33;
}

html[data-theme="dark"] .featured-initiatief__button:hover {
    background: #315d3d;
}

/* ========================================
   Initiatieven page – process
======================================== */

html[data-theme="dark"] .initiatieven-process {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .initiatieven-process__header h2,
html[data-theme="dark"] .process-step h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .initiatieven-process__header > p,
html[data-theme="dark"] .process-step > p,
html[data-theme="dark"] .initiatieven-process__footer p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .initiatieven-process__steps,
html[data-theme="dark"] .process-step,
html[data-theme="dark"] .process-step:first-child {
    border-color: var(--color-border);
}

html[data-theme="dark"] .process-step:hover {
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .process-step__number,
html[data-theme="dark"] .process-step__label,
html[data-theme="dark"] .initiatieven-process__link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .process-step__icon,
html[data-theme="dark"] .initiatieven-process__link span {
    border-color: rgba(255, 255, 255, 0.14);
    color: var(--color-green-light);
}


/* Keep step three as the green accent */

html[data-theme="dark"] .process-step--featured {
    border-color: rgba(183, 206, 177, 0.16);
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
}

html[data-theme="dark"] .process-step--featured:hover {
    background:
        linear-gradient(
            155deg,
            #376745,
            #294d33
        );
}

html[data-theme="dark"] .process-step--featured .process-step__number,
html[data-theme="dark"] .process-step--featured h3,
html[data-theme="dark"] .process-step--featured .process-step__label,
html[data-theme="dark"] .process-step--featured .process-step__icon {
    color: var(--color-white);
}

html[data-theme="dark"] .process-step--featured > p {
    color: rgba(255, 255, 255, 0.76);
}

html[data-theme="dark"] .process-step--featured .process-step__icon {
    border-color: rgba(255, 255, 255, 0.22);
}

html[data-theme="dark"] .initiatieven-process__link:hover span {
    background: var(--color-green);
    color: var(--color-white);
}

@media (max-width: 900px) {
    html[data-theme="dark"] .process-step:nth-child(odd),
    html[data-theme="dark"] .process-step:nth-child(even) {
        border-color: var(--color-border);
    }
}

/* ========================================
   Initiatieven page – final CTA
======================================== */

html[data-theme="dark"] .initiatieven-cta {
    background: var(--color-cream);
}

html[data-theme="dark"] .initiatieven-cta__panel {
    border: 1px solid rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .initiatieven-cta__visual {
    border-color: rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(10, 15, 12, 0.08)
        );
}

html[data-theme="dark"] .initiatieven-cta__button--light {
    background: var(--color-cream);
    color: var(--color-text);
}

html[data-theme="dark"] .initiatieven-cta__button--light:hover {
    background: var(--color-dark-surface-raised);
    color: var(--color-white);
}

html[data-theme="dark"] .initiatieven-cta__button--outline {
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--color-white);
}

html[data-theme="dark"] .initiatieven-hero h1 span,
html[data-theme="dark"] .initiatieven-section-header h2 span,
html[data-theme="dark"] .initiatieven-featured__header h2 span,
html[data-theme="dark"] .initiatieven-process__header h2 span {
    color: var(--color-green-light);
}

/* ========================================
   Doe mee page – hero and foundations
======================================== */

html[data-theme="dark"] .doe-mee-hero {
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(62, 107, 71, 0.28),
            transparent 32%
        ),
        var(--color-cream);
}

html[data-theme="dark"] .doe-mee-hero::before,
html[data-theme="dark"] .doe-mee-hero::after {
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .doe-mee-hero h1,
html[data-theme="dark"] .doe-mee-hero__statement blockquote,
html[data-theme="dark"] .doe-mee-section-header h2 {
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-hero h1 span,
html[data-theme="dark"] .doe-mee-section-header h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-hero__intro,
html[data-theme="dark"] .doe-mee-section-header > p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-hero__scroll-link,
html[data-theme="dark"] .doe-mee-hero__statement-label {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-hero__statement {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .doe-mee-hero__options {
    border-color: var(--color-border);
}

html[data-theme="dark"] .doe-mee-hero__options span {
    border-color: var(--color-border);
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-routes,
html[data-theme="dark"] .doe-mee-idea,
html[data-theme="dark"] .doe-mee-cta {
    background: var(--color-cream);
}

html[data-theme="dark"] .doe-mee-volunteer,
html[data-theme="dark"] .doe-mee-partner {
    background: var(--color-soft-green);
}

/* ========================================
   Doe mee page – participation routes
======================================== */

html[data-theme="dark"] .doe-mee-route-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .doe-mee-route-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
    box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .doe-mee-route-card::before {
    background: rgba(183, 206, 177, 0.035);
}

html[data-theme="dark"] .doe-mee-route-card h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-route-card > p,
html[data-theme="dark"] .doe-mee-route-card__list li {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-route-card__number,
html[data-theme="dark"] .doe-mee-route-card__label,
html[data-theme="dark"] .doe-mee-route-card__link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-route-card__icon,
html[data-theme="dark"] .doe-mee-route-card__link > span,
html[data-theme="dark"] .doe-mee-route-card__list {
    border-color: var(--color-border);
}

html[data-theme="dark"] .doe-mee-route-card__icon {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-route-card__list li::before {
    background: var(--color-green-light);
}


/* Keep the volunteer card as the green accent */

html[data-theme="dark"] .doe-mee-route-card--featured {
    border-color: rgba(183, 206, 177, 0.18);
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
    box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .doe-mee-route-card--featured:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background:
        linear-gradient(
            155deg,
            #376745,
            #294d33
        );
}

html[data-theme="dark"] .doe-mee-route-card--featured
:is(
    .doe-mee-route-card__number,
    .doe-mee-route-card__label,
    h3,
    .doe-mee-route-card__link,
    .doe-mee-route-card__icon
) {
    color: var(--color-white);
}

html[data-theme="dark"] .doe-mee-route-card--featured > p,
html[data-theme="dark"]
.doe-mee-route-card--featured
.doe-mee-route-card__list li {
    color: rgba(255, 255, 255, 0.76);
}

html[data-theme="dark"]
.doe-mee-route-card--featured
.doe-mee-route-card__list,
html[data-theme="dark"]
.doe-mee-route-card--featured
.doe-mee-route-card__icon,
html[data-theme="dark"]
.doe-mee-route-card--featured
.doe-mee-route-card__link > span {
    border-color: rgba(255, 255, 255, 0.2);
}

/* ========================================
   Doe mee page – volunteer section
======================================== */

html[data-theme="dark"] .doe-mee-volunteer {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .doe-mee-volunteer__header h2,
html[data-theme="dark"] .doe-mee-volunteer__content h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-volunteer__header h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-volunteer__header > p,
html[data-theme="dark"] .doe-mee-volunteer__content > p,
html[data-theme="dark"] .doe-mee-volunteer__highlights span {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-volunteer__panel {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .doe-mee-volunteer__label,
html[data-theme="dark"] .doe-mee-volunteer__highlights strong {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-volunteer__highlights,
html[data-theme="dark"] .doe-mee-volunteer__highlights > div {
    border-color: var(--color-border);
}

html[data-theme="dark"] .doe-mee-volunteer__roles {
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
}

html[data-theme="dark"] .doe-mee-volunteer__button {
    background: #294d33;
}

html[data-theme="dark"] .doe-mee-volunteer__button:hover {
    background: #315d3d;
}

/* ========================================
   Doe mee page – idea section
======================================== */

html[data-theme="dark"] .doe-mee-idea {
    background: var(--color-cream);
}

html[data-theme="dark"] .doe-mee-idea__content h2,
html[data-theme="dark"] .doe-mee-idea__step h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-idea__content h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-idea__intro,
html[data-theme="dark"] .doe-mee-idea__note p,
html[data-theme="dark"] .doe-mee-idea__step p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-idea__note {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .doe-mee-idea__note-icon {
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-idea__steps {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .doe-mee-idea__steps-header,
html[data-theme="dark"] .doe-mee-idea__step {
    border-color: var(--color-border);
}

html[data-theme="dark"] .doe-mee-idea__steps-header,
html[data-theme="dark"] .doe-mee-idea__step-number {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-idea__steps-header span:last-child {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-idea__step:hover {
    background: var(--color-dark-surface-raised);
}

html[data-theme="dark"] .doe-mee-idea__button {
    background: #294d33;
}

html[data-theme="dark"] .doe-mee-idea__button:hover {
    background: #315d3d;
}

/* ========================================
   Doe mee page – partner section
======================================== */

html[data-theme="dark"] .doe-mee-partner {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .doe-mee-partner__header h2 {
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-partner__header h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .doe-mee-partner__header > p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .doe-mee-partner__panel {
    border: 1px solid rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .doe-mee-partner__button {
    background: var(--color-cream);
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-partner__button:hover {
    background: var(--color-dark-surface-raised);
    color: var(--color-white);
}

/* ========================================
   Doe mee page – final CTA
======================================== */

html[data-theme="dark"] .doe-mee-cta {
    background: var(--color-cream);
}

html[data-theme="dark"] .doe-mee-cta__panel {
    border: 1px solid rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .doe-mee-cta__routes {
    border-color: rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(10, 15, 12, 0.08)
        );
}

html[data-theme="dark"] .doe-mee-cta__button--light {
    background: var(--color-cream);
    color: var(--color-text);
}

html[data-theme="dark"] .doe-mee-cta__button--light:hover {
    background: var(--color-dark-surface-raised);
    color: var(--color-white);
}

/* ========================================
   Nieuws page – hero and foundations
======================================== */

html[data-theme="dark"] .nieuws-hero {
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(62, 107, 71, 0.28),
            transparent 32%
        ),
        var(--color-cream);
}

html[data-theme="dark"] .nieuws-hero::before,
html[data-theme="dark"] .nieuws-hero::after {
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .nieuws-hero h1,
html[data-theme="dark"] .nieuws-hero__statement blockquote,
html[data-theme="dark"] .nieuws-section-header h2 {
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-hero h1 span,
html[data-theme="dark"] .nieuws-section-header h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-hero__intro,
html[data-theme="dark"] .nieuws-section-header > p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .nieuws-hero__scroll-link,
html[data-theme="dark"] .nieuws-hero__statement-label {
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-hero__statement {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .nieuws-hero__categories {
    border-color: var(--color-border);
}

html[data-theme="dark"] .nieuws-hero__categories span {
    border-color: var(--color-border);
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-overzicht,
html[data-theme="dark"] .nieuws-nieuwsbrief {
    background: var(--color-cream);
}

html[data-theme="dark"] .nieuws-agenda {
    background: var(--color-soft-green);
}

/* ========================================
   Nieuws page – news cards
======================================== */

html[data-theme="dark"] .nieuws-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .nieuws-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
    box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .nieuws-card h3 a {
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-card h3 a:hover,
html[data-theme="dark"] .nieuws-card__category,
html[data-theme="dark"] .nieuws-card__link,
html[data-theme="dark"] .nieuws-overzicht__all-link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-card__content > p,
html[data-theme="dark"] .nieuws-card__reading-time,
html[data-theme="dark"] .nieuws-empty-state p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .nieuws-card__placeholder {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255, 255, 255, 0.07),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #263c2d,
            #355a3e
        );
}

html[data-theme="dark"] .nieuws-card__placeholder-mark {
    border-color: var(--color-border);
    background: rgba(21, 32, 25, 0.72);
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-card__placeholder-text {
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-card__link span,
html[data-theme="dark"] .nieuws-overzicht__all-link span {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .nieuws-empty-state {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .nieuws-empty-state__icon {
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-empty-state h3 {
    color: var(--color-text);
}

/* ========================================
   Nieuws page – agenda
======================================== */

html[data-theme="dark"] .nieuws-agenda {
    background: var(--color-soft-green);
}

html[data-theme="dark"] .nieuws-agenda__header h2,
html[data-theme="dark"] .agenda-card h3 a,
html[data-theme="dark"] .agenda-empty-state h3 {
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-agenda__header h2 span,
html[data-theme="dark"] .agenda-card__category,
html[data-theme="dark"] .agenda-card__location > span,
html[data-theme="dark"] .nieuws-agenda__all-link {
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-agenda__header > p,
html[data-theme="dark"] .agenda-card__content > p,
html[data-theme="dark"] .agenda-card__location,
html[data-theme="dark"] .agenda-card__time,
html[data-theme="dark"] .agenda-empty-state p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .agenda-card {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .agenda-card:hover {
    border-color: rgba(183, 206, 177, 0.28);
    background: var(--color-dark-surface-raised);
    box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .agenda-card__date {
    background:
        linear-gradient(
            155deg,
            #315d3d,
            #23452e
        );
}

html[data-theme="dark"] .agenda-card__link,
html[data-theme="dark"] .nieuws-agenda__all-link > span {
    border-color: rgba(255, 255, 255, 0.14);
    color: var(--color-green-light);
}

html[data-theme="dark"] .agenda-card__link:hover,
html[data-theme="dark"] .nieuws-agenda__all-link:hover > span {
    background: var(--color-green);
    color: var(--color-white);
}

html[data-theme="dark"] .agenda-empty-state {
    border-color: var(--color-border);
    background: var(--color-dark-surface);
}

html[data-theme="dark"] .agenda-empty-state__icon {
    background: var(--color-dark-surface-raised);
    color: var(--color-green-light);
}

/* ========================================
   Nieuws page – newsletter
======================================== */

html[data-theme="dark"] .nieuws-nieuwsbrief {
    background: var(--color-cream);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__header h2 {
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__header h2 span {
    color: var(--color-green-light);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__header > p {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__panel {
    border: 1px solid rgba(183, 206, 177, 0.13);
    background: #23452e;
    box-shadow:
        0 0 0 5px rgba(183, 206, 177, 0.025),
        0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__latest {
    border-color: rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(10, 15, 12, 0.08)
        );
}

html[data-theme="dark"] .nieuws-nieuwsbrief__button {
    background: var(--color-cream);
    color: var(--color-text);
}

html[data-theme="dark"] .nieuws-nieuwsbrief__button:hover {
    background: var(--color-dark-surface-raised);
    color: var(--color-white);
}