Aprenda a utilizar variáveis e calcular valores em CSS3 com as funções:
var() e calc().
A utilização das variáveis auxiliam muito no momento em que você precisa atribuir vários valores diferentes em classes diferentes.
E isso se torna ainda mais útil quando você precisa fazer cálculos com calc() e criar valores derivados de forma dinâmica.
Veja o vídeo explicativo:
Veja o conteúdo no Codepen:
Veja no CodePen: CSS – Uso de variáveis by dorian (@dorian_oliveiraoficial) on CodePen.