:root {
--verde1: #434B33;
--verde2: #788A54;
--verde3: #3E462E;
--gris1: #DFD7CD;
--gris2: #C2005E;
--gris3: #CFC9BE;
--naranja: #D18D58;
--amarillo: #CEB06B;
--rojo: #E64435;
--azul: #9CB9A6;}

.verde1, .verde1 * {color: var(--verde1);}
.verde2, .verde2 * {color: var(--verde2);}
.verde3, .verde3 * {color: var(--verde3);}
.gris1, .gris1 * {color: var(--gris1);}
.gris2, .gris2 * {color: var(--gris2);}
.gris3, .gris3 * {color: var(--gris3);}
.naranja, .naranja * {color: var(--naranja);}
.amarillo, .amarillo * {color: var(--amarillo);}
.rojo, .rojo * {color: var(--rojo);}
.azul, .azul * {color: var(--azul);}

.bgverde1 {background: var(--verde1);}
.bgverde2{background: var(--verde2);}
.bgverde3{background: var(--verde3);}
.bggris1 {background: var(--gris1);}
.bggris2 {background: var(--gris2);}
.bggris3 {background: var(--gris3);}
.bgnaranja {background: var(--naranja);}
.bgamarillo {color: var(--amarillo);}
.bgrojo {background: var(--rojo);}
.bgazul  {background: var(--azul);}