:root {
  --serv: #ee3124;
  --diversiteit: #00a94f;
  --mora: #00467F;
  --vlarwvg: #7b3062;
  --sarwgg: #B1005D;
  --salv: #8CB900;
  --sectorcommissies: #7A68AE; 
  --socialeeconomie: #009490;
  --stichting: #eb7023;
  --vhc: #0079C1;
  --vlc: #00a4e4;
  --werkbaarwerk: #414B5F;
  --economischemigratie: #00734D;
  --pendelfonds: #925e36;	
  --default: #ebdfd6;
}

.bg-black {
	//background-color: black !important;
	color: white;
}

.bg-white {
	//background-color: white !important;
	color: #222;
}

.bg-entity {
	color: white;
}

.bg-advice {
	background: #e3d6c3;
}

.txt-black { color: #222 !important; }
.txt-white { color: white !important; }

.txt-entity.hover-black { color: #333 !important; }
.hover-black:active, .hover-black:hover, .hover-black:focus { color: #000 !important; }

.menu-toggle-line { background-color: black; }

body { background-color: var(--default); }
body.home .bg-entity, body.serv .bg-entity { background-color: var(--serv); }
body.diversiteit .bg-entity { background-color: var(--diversiteit); }
body.sectorcommissies .bg-entity { background-color: var(--sectorcommissies); }
body.sociale-economie .bg-entity { background-color: var(--socialeeconomie); }
body.stichting .bg-entity { background-color: var(--stichting); }
body.economische-migratie .bg-entity { background-color: var(--economischemigratie); }
body.pendelfonds .bg-entity { background-color: var(--pendelfonds); }

body.home .publicatie-lijst li::before, body.serv .publicatie-lijst li::before, body.home .txt-entity, body.serv .txt-entity { color: var(--serv); }
body.diversiteit .publicatie-lijst li::before, body.diversiteit .txt-entity { color: var(--diversiteit); }
body.sectorcommissies .publicatie-lijst li::before, body.sectorcommissies .txt-entity { color: var(--sectorcommissies); }
body.sociale-economie .publicatie-lijst li::before, body.sociale-economie .txt-entity { color: var(--sociale-economie); }
body.stichting .publicatie-lijst li::before, body.stichting .txt-entity { color: var(--stichting); }
body.economische-migratie .publicatie-lijst li::before, body.economische-migratie .txt-entity { color: var(--economischemigratie); }
body.pendelfonds .publicatie-lijst li::before, body.pendelfonds .txt-entity { color: var(--pendelfonds); }

body.home .bg-brand, body.home .brand-after:after, body.home .bg-brand-active, .bg-serv {
    background-color: var(--serv);
}