// Text colors
.text-primary {
  @include text-color-variant($primary-color);
}
.text-secondary {
  @include text-color-variant($secondary-color-dark);
}
.text-gray {
  @include text-color-variant($gray-color);
}
.text-light {
  @include text-color-variant($light-color);
}
.text-success {
  @include text-color-variant($success-color);
}
.text-warning {
  @include text-color-variant($warning-color);
}
.text-error {
  @include text-color-variant($error-color);
}

// Background colors
.bg-primary {
  @include bg-color-variant($primary-color);
}
.bg-secondary {
  @include bg-color-variant($secondary-color);
}
.bg-dark {
  @include bg-color-variant($dark-color);
}
.bg-gray {
  @include bg-color-variant($bg-color);
}
.bg-success {
  @include bg-color-variant($success-color);
}
.bg-warning {
  @include bg-color-variant($warning-color);
}
.bg-error {
  @include bg-color-variant($error-color);
}