/* ==================================================================
   Badge Components
   ================================================================== */

/* Base Badge */
.badge {
  display: inline-block;
  padding: 4px var(--spacing-md);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

/* Success Badge */
.badge-success {
  background: var(--color-success-light);
  color: var(--color-success-dark);
}

/* Danger Badge */
.badge-danger {
  background: var(--color-danger-light);
  color: var(--color-danger-dark);
}

/* Warning Badge */
.badge-warning {
  background: var(--color-warning-light);
  color: var(--color-warning-dark);
}

/* Info Badge */
.badge-info {
  background: var(--color-info-light);
  color: var(--color-info-dark);
}

/* Carrier Badge (Primary colored) */
.carrier-badge {
  background: var(--color-primary);
  color: white;
  padding: 6px var(--spacing-md);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  display: inline-block;
}