/* BADGE BASE */
.global-badge-success,
.global-badge-primary,
.global-badge-secondary,
.global-badge-danger,
.global-badge-warning,
.global-badge-info,
.global-badge-dark,
.global-badge-beta,
.global-badge-core,
.global-badge-active,
.global-badge-inactive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs-04) var(--space-md-12);
  border-radius: 999px;
  font-size: var(--font-sm-12);
  font-weight: var(--font-semibold-600);
  white-space: nowrap;
}

/* SUCCESS */
.global-badge-success,
.global-badge-active {
  background: var(--color-success-light);
  color: var(--color-success);
}

/* DANGER */
.global-badge-danger,
.global-badge-inactive {
  background: var(--color-error-light);
  color: var(--color-error);
}

/* WARNING */
.global-badge-secondary,
.global-badge-warning {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

/* INFO */
.global-badge-primary,
.global-badge-info {
  background: var(--color-info-light);
  color: var(--color-info);
}

/* DARK */

.global-badge-dark,
.global-badge-core {
  background: var(--color-secondary);
  color: var(--color-text-white);
}

/* BETA */

.global-badge-beta {
  background: var(--color-beta-light);
  color: var(--color-beta);
}