/**
 * Badge Component System
 */

.badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-weight-semibold, 600);
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--radius-base, 0.375rem);
}

.badge-primary {
    background: var(--color-primary-500, #1ea79e);
    color: white;
}

.badge-success {
    background: var(--color-success, #28a745);
    color: white;
}

.badge-danger {
    background: var(--color-danger, #dc3545);
    color: white;
}

.badge-warning {
    background: var(--color-warning, #ffc107);
    color: var(--color-text-primary, #212529);
}

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