.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);
}