:root {
    --ux-neutral: #219dd7;
    --ux-valid: #3eae59;
    --ux-invalid: #a32c2c;
    --ux-clean: #b5b5b5;
    --ux-disabled: #c0c0c0;      
    --ux-exclamation: #f4c20b;
    --ux-rag-red: var(--ux-invalid);
    --ux-rag-amber: goldenrod;
    --ux-rag-green: rgb(35, 156, 45);
    --ux-worker-bg: #132c3d;
    --ux-tr-selected-bg: #20478b;
    --ux-std-text: #2c2c2c;
    --ux-green-gradient-a: rgb(35, 156, 45);
    --ux-green-gradient-b: rgb(15 100 22);
    --slide-status-amber: goldenrod;
    --slide-status-red: #a32c2c;
    --slide-status-green: rgb(35, 156, 45);
}

.ux-modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--ux-disabled);
    opacity: 0.7;
}