.badge {
    font-weight: 600;
    font-size: var(--font-xs);
    border-radius: var(--radius-xs);
}

.primary-solid-badge {
    background-color: var(--primary) !important;
    color: var(--text-white) !important;
}

.primary-canvas-badge {
    background-color: var(--primary-canvas) !important;
    color: var(--primary) !important;
}

.danger-solid-badge {
    background-color: var(--danger) !important;
    color: var(--text-white) !important;
}

.danger-canvas-badge {
    background-color: var(--danger-canvas) !important;
    color: var(--danger) !important;
}