CSS Variables

CSS variables are something that can be used to share style values across many properties within CSS in a frontend application.

They are defined with a double dash followed by a name and lastly the value. To invoke them you just need to pass them into a var().

The only other consideration is that in order to use a variable it must have been defined and remain accessible to anywhere you are using them.

For example if you add them to the body tag of the page all selectors will be able to access them.