CSS variables are the up and coming new feature of CSS that allows you to define variables in your styles that can ripple through styles, and external sheets, and make CSS clean, maintainable, and easy to update. You can define global variables by nesting them inside a :root selector and then using the — prefix for a variable name: value….