:root {
  --versions-status-default: #455a64;
  --versions-status-proven: #2e7d32;
  --versions-status-concept: #1565c0;
  --versions-status-legacy: #616161;
}

[data-md-color-scheme='slate'] {
  --versions-status-default: #78909c;
  --versions-status-proven: #66bb6a;
  --versions-status-concept: #42a5f5;
  --versions-status-legacy: #9e9e9e;
}

.versions-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.08rem 0.45rem;
  border-radius: 9999px;
  background-color: var(--versions-status-default);
  color: #fff;
  font-weight: 500;
  font-size: 0.64rem;
  line-height: 1.05;
  letter-spacing: 0.01em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}

.versions-status--proven {
  background-color: var(--versions-status-proven);
}

.versions-status--concept {
  background-color: var(--versions-status-concept);
}

.versions-status--legacy {
  background-color: var(--versions-status-legacy);
}

.versions-status--default {
  background-color: var(--versions-status-default);
}