@function set-text-color($color) {
  @if (lightness($color) > 50) {
    @return #000000; // Lichte achtergrond, dus zwarte tekst
  } @else {
    @return #ffffff; // Donkere achtergrond, dus witte tekst
  }
}

@mixin background-color($color) {
  background-color: $color;
  color: set-text-color($color);
}

@mixin horizontal-align() {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}