Variables CSS

Las varibles CSS nos permiten volver a utilizar repetidamente el valor de una propiedad.

Son de utilidad cuando repetimos muchas veces una misma propiedad (por ejemplo el color de fondo) y queremos modificarla sin tener que cambiar todos y cada uno de los lugares en los que se utiliza.

Como a las variables les damos un nombre, es mucho más fácil recordar. Por ejemplo, si queremos volver a utilizar el color de fondo del color primario: Es más fácil recordar --color-fondo-primario que rgb(64,75,96).

Por otro lado, modificando el valor de la variable se modifica en todos los lugares del documento que aparezca dicha variable.