How to use CSS variables or CSS custom properties?

Originally posted here! CSS custom properties or more commonly called CSS variables are a way to use CSS properties throughout a single CSS file using an identifier. CSS variables work best when you have a lot of duplicate CSS properties and want to...