/* Badge Component Styles */

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-medium);
  line-height: var(--leading-tight);
  white-space: nowrap;
}

/* Sizes */
.badge-sm {
  padding: 0.125rem var(--space-2);
  font-size: var(--text-xs);
}

.badge-md {
  padding: var(--space-1) 0.625rem;
  font-size: var(--text-sm);
}

.badge-lg {
  padding: 0.375rem var(--space-3);
  font-size: var(--text-base);
}

/* Shapes */
.badge-rounded {
  border-radius: var(--radius-md);
}

.badge-pill {
  border-radius: var(--radius-full);
}

/* Variants */
.badge-primary {
  background-color: var(--color-primary-100);
  color: var(--color-primary-800);
}

.badge-success {
  background-color: #d1f4e0;
  color: #0f5132;
}

.badge-warning {
  background-color: #fff3cd;
  color: #664d03;
}

.badge-error {
  background-color: #f8d7da;
  color: #842029;
}

.badge-neutral {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-800);
}