/* Components: Badges */

.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

/* Badge Variants */
.bg-primary-subtle {
    background-color: var(--color-primary-subtle) !important;
    color: var(--color-primary-text) !important;
}

.bg-warning-subtle {
    background-color: var(--color-warning-subtle) !important;
    color: var(--color-warning-text) !important;
}

.bg-success-subtle {
    background-color: var(--color-success-subtle) !important;
    color: var(--color-success-text) !important;
}

.bg-info-subtle {
    background-color: var(--color-info-subtle) !important;
    color: var(--color-info-text) !important;
}

.bg-danger-subtle {
    background-color: var(--color-danger-subtle) !important;
    color: var(--color-danger-text) !important;
}