/* === Beter Bij Ons brandthema (publiek) === */
:root{ --bbo-bg:#0F210D; --bbo-accent:#3dca70; --bbo-accent-d:#2fa85f; --bbo-subtle:#144D2E; --bbo-gray:#F5F0F0; }
body{ background:var(--bbo-gray)!important; color:#1c2b18; }
.wrap,.container,.box{ border-radius:12px; }
.box,.wrap{ box-shadow:0 6px 24px rgba(15,33,13,.08); border-top:4px solid var(--bbo-accent); }
h1,h2,h3,.title{ color:var(--bbo-bg)!important; }
a{ color:var(--bbo-subtle); }
a:hover{ color:var(--bbo-accent-d); }
button,.button,input[type=submit],a.button{ background:var(--bbo-accent)!important; border-color:var(--bbo-accent)!important; color:var(--bbo-bg)!important; font-weight:600; border-radius:8px; }
button:hover,.button:hover,input[type=submit]:hover{ background:var(--bbo-accent-d)!important; color:#ffffff!important; }
.footer,.footer a{ color:#5c6b57; }
input[type=checkbox],input[type=radio]{ accent-color:var(--bbo-accent); }
*{ scrollbar-color:var(--bbo-accent) transparent; scrollbar-width:thin; }
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--bbo-accent); border-radius:8px; border:3px solid var(--bbo-gray); }
::-webkit-scrollbar-thumb:hover{ background:var(--bbo-accent-d); }
.select:not(.is-multiple):not(.is-loading)::after{ border-color:var(--bbo-subtle)!important; }