/** Base */
.base-white {
  background-color: var(--base-white);
}

.base-gray-light {
  background-color: var(--base-gray-light);
}

.base-gray-medium {
  background-color: var(--base-gray-medium);
}

.base-dark-gray {
  background-color: var(--base-dark-gray);
}

/** Priority(brand/primary) */
.base-priority-light {
  background-color: var(--base-priority-light);
}

.base-priority-medium {
  background-color: var(--base-priority-medium);
}

.base-priority-dark {
  background-color: var(--base-priority-dark);
}

/** Negative(error) */
.base-negative {
  background-color: var(--base-negative);
}

.base-negative-light {
  background-color: var(--base-negative-light);
}

.base-negative-medium {
  background-color: var(--base-negative-medium);
}

.base-negative-dark {
  background-color: var(--base-negative-dark);
}

/** Success */
.base-success-light {
  background-color: var(--base-success-light);
}

.base-success-medium {
  background-color: var(--base-success-medium);
}

.base-success-dark {
  background-color: var(--base-success-dark);
}

/** Warning */
.base-warning-light {
  background-color: var(--base-warning-light);
}

.base-warning-medium {
  background-color: var(--base-warning-medium);
}

.base-warning-dark {
  background-color: var(--base-warning-dark);
}