.wit {
  color: var(--basiskleurachtenvijftig) !important;
}

.zwart {
  color: var(--basiskleurnegenenvijftig) !important;
}

.rood {
  color: var(--basiskleurzestig) !important;
}

.geel {
  color: var(--basiskleureenenzestig) !important;
}

.blauw {
  color: var(--basiskleurtweeenzestig) !important;
}

.groen {
  color: var(--basiskleurdrieenzestig) !important;
}

/* Gradients kun je ook naar wens koppelen aan de variabelen */
.gradient1 {
  background-color: var(--basiskleureenenvijftig);
  background-image: linear-gradient(
    90deg,
    var(--basiskleureenenvijftig) 0%,
    var(--basiskleurtweeenvijftig) 100%
  );
}

.gradient2 {
  background-color: var(--basiskleurdrieenvijftig);
  background-image: linear-gradient(
    90deg,
    var(--basiskleurdrieenvijftig) 0%,
    var(--basiskleurvierenvijftig) 100%
  );
}