El uso de las variables CSS es muy sencillo. Se identifican con --
antes del nombre de la propiedad personalizada y se accede a ella con la función var()
. La declaración de la variable debe ser siempre dentro de un selector CSS y es accesible en todos los selectores descendientes. Es muy habitual declarar las variables CSS en el pseudoelemento :root para que estén disponibles de forma global.