/* Sitebrede toegankelijkheidslaag voor de publieke build. */

/* Het bronzen merkaccent blijft behouden, maar tekst op lichte vlakken
   krijgt voldoende contrast voor kleine tekst en koppen. */
.tba-brand-kicker,
.section-label,
.section-title em,
.hero h1 em,
.contact-detail strong,
.price-value,
.tba-construction-cross-sell-label {
    color: #87691f !important;
}

.tba-brand-kicker {
    color: #76591c !important;
}

/* Op donkere vlakken blijft een lichtere bronsvariant nodig. */
.calculator .section-label,
.calculator .section-title em,
.legal-framework .section-label,
.legal-framework .section-title em {
    color: #d4b76a !important;
}

.calc-step:not(.active) span {
    color: #a3a3a3 !important;
}

.legal-box a {
    color: #f0d38a;
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.tba-consent__copy a {
    text-decoration: underline;
}

.tba-construction-cross-sell-label {
    color: #76591c !important;
}

.proces-step-num,
.prijs-code,
.visualisatie-dienst .section-label,
.over-ons-stat h5 {
    color: #76591c !important;
}

.prijs-secondary {
    color: #666666 !important;
    opacity: 1 !important;
}

.gallery .section-label {
    color: #d4b76a !important;
}

.footer-copy,
.footer-legal a {
    color: #adadad !important;
}

/* Kleine bronzen labels en tekstlinks op lichte vlakken hebben een
   donkerdere merkvariant nodig om ook op mobiel WCAG AA te halen. */
.eyebrow,
.checklist-wizard #progress-text,
.proces-stap-nummer,
.proces-stap-tag,
.showcase-tag,
.blog-card-date,
.blog-card-content .read-more,
.blog-container > a,
.blog-container .blog-toc h3,
.blog-container h2 em,
.blog-container .highlight strong,
.blog-container .highlight a,
.blog-container > ul a,
.legal-content a,
.fact > span,
.role > span,
.process-step > span,
.principle > span,
.expectation > span,
.choice-number,
.person-card > span,
.vergunning-plicht-caption > span,
.waardestijging-content h3 em,
.complexiteit-content h3 em,
.roi-content h3 em {
    color: #76591c !important;
}

.vc-col-vrij .vc-tag {
    color: #246b3a !important;
}

.vc-col-plicht .vc-tag {
    color: #76591c !important;
}

/* Eyebrow-labels binnen donkere panelen houden de lichte merkvariant. */
.collaboration-copy .eyebrow,
.cta .eyebrow,
.input-section .section-label,
.process-section .section-label,
.process-section .process-step > span,
.final-cta .section-label,
.vergunning-plicht-caption > span,
.hero .eyebrow,
.blog-hero .section-label {
    color: #d4b76a !important;
}