CSS variables are declarations that start with a double dash (--) and have a name and a value. For example, --main-color: blue; defines a variable named --main-color with the value blue.

The CSS working group is still trying to determine how the variables should best be represented in CSS. The designers favor declaring by using a reserved keyword, “var,” in front of a new ...