Answers for "css variable change part or variable"

css set variable

:root {
  --main-bg-color: coral;
}

#div1 {
  background-color: var(--main-bg-color);
}

#div2 {
  background-color: var(--main-bg-color);
}

change css variables

/*css :
:root{
--bgc : #fff;
}
*/
//js
let root = document.querySelector(":root")
root.style.setProperty('--bgc', 'cyan');