/* Base badge */
.badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  border-radius: 9999px; /* pill shape */
  white-space: nowrap;
}

/* Colors */
.badge--neutral {
  background: #f3f4f6; /* light gray */
  color: #374151;
}

.badge--primary {
  background: #e0f2fe; /* light blue */
  color: #0369a1;
}

.badge--success {
  background: #dcfce7; /* light green */
  color: #166534;
}

.badge--warning {
  background: #fef9c3; /* light yellow */
  color: #854d0e;
}

.badge--danger {
  background: #fee2e2; /* light red */
  color: #991b1b;
}

/* Sizes */
.badge--sm {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
}

.badge--lg {
  font-size: 0.9rem;
  padding: 0.35rem 0.75rem;
}