.tzq-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--tzq-spacing-1);
  padding: var(--tzq-spacing-1-5) var(--tzq-spacing-3);
  border-radius: var(--tzq-radius-md);
  font-size: var(--tzq-text-sm);
  font-weight: var(--tzq-font-bold);
  text-transform: uppercase;
  letter-spacing: var(--tzq-tracking-wide);
  line-height: var(--tzq-leading-none);
  white-space: nowrap;
}
.tzq-badge--primary {
  background: var(--tzq-bg-blue-lighter);
  color: var(--tzq-primary);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--secondary {
  background: rgba(var(--tzq-secondary-rgb, 78, 205, 196), 0.15);
  color: var(--tzq-secondary-dark);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--success {
  background: var(--tzq-success-light);
  color: var(--tzq-success-dark);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--error {
  background: var(--tzq-error-light);
  color: var(--tzq-error-dark);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--warning {
  background: var(--tzq-warning-light);
  color: var(--tzq-warning);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--info {
  background: var(--tzq-info-light);
  color: var(--tzq-info);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--accent {
  background: var(--tzq-warning-light);
  color: var(--tzq-warning);
  border: 1px solid var(--tzq-primary-light);
}
.tzq-badge--sm {
  padding: var(--tzq-spacing-1) var(--tzq-spacing-2);
  font-size: var(--tzq-text-xs);
}
.tzq-badge--lg {
  padding: var(--tzq-spacing-2) var(--tzq-spacing-4);
  font-size: var(--tzq-text-sm);
}