:root {
--rojo: #c4352f;
--gris1: #FAFAFA;
--gris2: #EEEEEE;
--gris3: #434343;
--negro: #333333;
--blanco: #FFFFFF;
}

.rojo, .rojo * {color: var(--rojo);}
.gris1, .gris1 * {color: var(--gris1);}
.gris2, .gris2 * {color: var(--gris2);}
.gris3, .gris3 * {color: var(--gris3);}
.negro, .negro * {color: var(--negro);}
.blanco, .blanco * {color: var(--blanco);}

.bgrojo {background: var(--rojo);}
.bggris1 {background: var(--gris1);}
.bggris2 {background: var(--gris2);}
.bggris3 {background: var(--gris3);}
.bgnegro {background: var(--negro);}
.bgblanco {background: var(--blanco);}