:root {
  --badge-background-color: inherit;
  --badge-border-color: inherit;
  --badge-border-radius: var(--global-border-radius);
  --badge-border-width: var(--global-border-width);
  --badge-color: white;
}

.badge {
  background-color: var(--badge-background-color);
  // border-color: var(--badge-border-color);
  // border-style: solid;
  // border-width: var(--badge-border-width);
  border-radius: var(--badge-border-radius);
  // box-sizing: border-box;
  color: var(--badge-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 80%;
  font-weight: 500;
  padding: 0.25em 0.75em;
}

.badge--primary {
      --badge-background-color: var(--ifm-color-primary);
      --badge-border-color: var(--badge-background-color);
    }
.badge--secondary {
      --badge-background-color: var(--ifm-color-secondary);
      --badge-border-color: var(--badge-background-color);
    }
.badge--success {
      --badge-background-color: var(--ifm-color-success);
      --badge-border-color: var(--badge-background-color);
    }
.badge--info {
      --badge-background-color: var(--ifm-color-info);
      --badge-border-color: var(--badge-background-color);
    }
.badge--warning {
      --badge-background-color: var(--ifm-color-warning);
      --badge-border-color: var(--badge-background-color);
    }
.badge--danger {
      --badge-background-color: var(--ifm-color-danger);
      --badge-border-color: var(--badge-background-color);
    }
.badge--secondary {
    color: var(--ifm-color-black);
  }

/* overrides */

.version-badge > .badge {
  background-color: #E7DBFF;
}