Using CSS Custom Properties (Variables)

Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that represent specific values to be reused throughout a document.

They allow a value to be defined in one place, then referenced in multiple other places so that it's easier to work with.