/**
 * Modern Badge Component
 * Small, inline labels for categorization and status
 */

/* Base Badge Styles */
.badge {
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-full);
  padding: 0.125rem var(--space-2);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  white-space: nowrap;
  transition: all var(--transition-fast);
}

/* Primary Badge - Dark background with light text */
.badge-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-foreground);
}

/* Secondary Badge - Light background with border */
.badge-secondary {
  background-color: var(--color-secondary);
  color: var(--color-text-base);
  border: 1px solid var(--color-border);
}

/* Destructive Badge - Red background */
.badge-destructive {
  background-color: var(--color-destructive);
  color: white;
}

/* Success Badge - Green background */
.badge-success {
  background-color: #dcfce7;
  color: #166534;
}

/* Warning Badge - Yellow background */
.badge-warning {
  background-color: #fef9c3;
  color: #854d0e;
}

/* Outline Badge - Transparent with border */
.badge-outline {
  background-color: transparent;
  color: var(--color-foreground);
  border: 1px solid var(--color-border);
}