What are some of the benefits of using CSS Variables?
CSS variables are custom properties that can contain ‘variables’ or values with which you can use anywhere in the HTML code. They are initialized with a custom value in the form of a keyword like – --var VariableName
Here are some of the importance of CSS variables:
Remove Redundancy In Code
No need For Preprocessors
Super Flexible – Declare Anywhere
Improved code readability
To deep dive into each of these points please go through the complete guide on CSS Variables: