@each $color, $value in $theme-colors {
  .has-#{$color}-color {
    color: var(--#{$variable-prefix}#{$color});
  }
  .has-#{$color}-background-color {
    background-color: var(--#{$variable-prefix}#{$color});
  }
  .areoi-form.text-#{$color} .btn {
    @include button-variant($value, $value);
  }
}