Como alterar uma variável CSS com JavaScript
var root = document.querySelector(':root');
root.style.setProperty('--variable', 'lightblue');
/or/
root.style.setProperty('--variable', myColor);
Spotless Seal