/* (CAN STYLE SPECIFIC BADGES WITH A CLASS LIKE .BADGE-ESPRESSO */

.badges {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.badge {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  text-transform: uppercase;
  border-radius: 2px;
  display: inline-block;
  background-color: var(--color-surface-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-primary);
}

@media (prefers-color-scheme: dark) {
  .badge {
    color: var(--color-text-tertiary)
  }
}