.badge {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

.badge-sm {
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-xs);
}