Чтобы получить значение переменной CSS в JavaScript, вы можете использовать метод getComputedStyleили получить доступ к свойству styleопределенного элемента. Вот несколько методов, которые вы можете использовать:

1. Использование getComputedStyle:

   const element = document.querySelector('.your-element');
   const styles = getComputedStyle(element);
   const value = styles.getPropertyValue('--your-variable');
   console.log(value);

2. Использование свойства style:

   const element = document.querySelector('.your-element');
   const value = getComputedStyle(element).getPropertyValue('--your-variable');
   console.log(value);

3. Непосредственное использование метода getPropertyValue:

   const value = window.getComputedStyle(document.documentElement).getPropertyValue('--your-variable');
   console.log(value);

Эти методы позволяют получить доступ к значению переменной CSS, указав имя переменной, которому предшествуют два дефиса (–).