.bg-secondary {
    background-color: var( --surface-dim )!important;
    color: var( --text-on-surface-dim )!important;
}

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

.bg-brand {
    background: var( --gradient-brand )!important;
    color: var( --text-on-brand )!important;
}

.bg-primary {
    background: var( --gradient-primary )!important;
    color: var( --primary-default-text )!important;
}