:root {
    --error-color: #D93526;
    --warning-color: #AD6400;
    --info-color: #3C71F7;
    --success-color: #409614;

    --text-alert-color: #FFFFFF;
}

.bg-success {
    background: var(--success-color);
    color: var(--text-alert-color);
}

.bg-error {
    background: var(--error-color);
    color: var(--text-alert-color);
}

.bg-warning {
    background: var(--warning-color);
    color: var(--text-alert-color);
}

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

.page-header {
    display: flex;
    flex-direction: row;
    gap: 16px;
}