CSS root 변수

:root {
  --mainColor: Blue;
}

* {
  color: var(--mainColor);
}

const el = document.querySelector('.target'); // 바꿀 대상 선택
const root = document.documentElement;
const mainColor = getComputedStyle(root).getPropertyValue('--mainColor').trim();
el.style.backgroundColor = mainColor;