// Text colors
@include text-color-variant(".text-primary", $primary-color);

// @include text-color-variant(".text-secondary", $secondary-color);

//@include text-color-variant(".text-light", $light-color);

// @include text-color-variant(".text-dark", $body-font-color);

@include text-color-variant(".text-success", $success-color);

@include text-color-variant(".text-warning", $warning-color);

@include text-color-variant(".text-error", $error-color);

// Background colors
@include bg-color-variant(".bg-primary", $primary-color);

@include bg-color-variant(".bg-secondary", $secondary-color);

@include bg-color-variant(".bg-dark", $dark-color);

@include bg-color-variant(".bg-gray", $bg-color);

@include bg-color-variant(".bg-success", $success-color);

@include bg-color-variant(".bg-warning", $warning-color);

@include bg-color-variant(".bg-error", $error-color);

.bg-secondary {
  background: $bg-1-color !important;
}

.bg-2-secondary {
  background: $bg-2-color !important;
}

.bg-primary {
  background: $primary-color;
}

.bg-green {
  background-color: $green-color !important;
}

.bg-pink {
  background-color: $pink-color !important;
}

.bg-red {
  background-color: $red-color !important;
}

.bg-purple {
  background-color: $purple-color !important;
}

.bg-indigo {
  background-color: $indigo-color !important;
}


.bg-teal {
  background-color: $teal-color !important;
}


.bg-orange {
  background-color: $orange-color !important;
}

.bg-yellow {
  background-color: $yellow-color !important;
}

// colors

.color-red {
  color: $red-color;
}

.color-green {
  color: $green-color;
}

.color-pink {
  color: $pink-color;
}