// ==========================================================================
// Color clases
// ==========================================================================

// Additional UI colors
.color-white {
  color: var(--white);
}
.color-black {
  color: var(--black);
}
.color-error {
  color: var(--error);
}
.color-alert {
  color: var(--alert);
}
.bg-alert {
  background-color: var(--alert);
}
// Mybooking palette
.color-brand-primary {
  color: var(--brand-primary);
}
.bg-brand-brimary {
  background-color: var(--brand-primary);
}
.color-brand-secondary {
  color: var(--brand-secondary);
}
.bg-brand-secondary {
  background-color: var(--brand-secondary);
}

// Gray colors
.color-gray-50 {
  color: var(--gray-50);
}
.color-gray-100 {
  color: var(--gray-100);
}
.color-gray-200 {
  color: var(--gray-200);
}
.color-gray-300 {
  color: var(--gray-300);
}
.color-gray-400 {
  color: var(--gray-400);
}
.color-gray-500 {
  color: var(--gray-500);
}
.color-gray-600 {
  color: var(--gray-600);
}
.color-gray-700 {
  color: var(--gray-700);
}
.color-gray-800 {
  color: var(--gray-800);
}
.color-gray-900 {
  color: var(--gray-900);
}
// background gray colors
.bg-gray-50 {
  background-color: var(--gray-50);
}
.bg-gray-100 {
  background-color: var(--gray-100);
}
.bg-gray-200 {
  background-color: var(--gray-200);
}
.bg-gray-300 {
  background-color: var(--gray-300);
}
.bg-gray-400 {
  background-color: var(--gray-400);
}
.bg-gray-500 {
  background-color: var(--gray-500);
}
.bg-gray-800 {
  background-color: var(--gray-800);
}
.bg-gray-900 {
  background-color: var(--gray-900);
}
