:root {
    --x-surface-dark-rgb: #3c043b;
}
body {
    background: #3c043b;
}
.btn-primary {
    --x-btn-color: #FFF;
    --x-btn-bg: #932c91;
    --x-btn-border-color: #932c91;
    --x-btn-hover-color: #FFF;
    --x-btn-hover-bg: #932c91;
    --x-btn-hover-border-color: #932c91;
    --x-btn-focus-shadow-rgb: 116, 120, 247;
    --x-btn-active-color: #FFF;
    --x-btn-active-bg: #932c91;
    --x-btn-active-border-color: #932c91;
    --x-btn-active-shadow: 0 0 0 0rgba(0, 0, 0, 0);
    --x-btn-disabled-color: #FFF;
    --x-btn-disabled-bg: #932c91;
    --x-btn-disabled-border-color: #932c91;
}