:root{
  --colorOscuro:#000;
  --colorClaro:#D6EC8E;

  --colorOscuroA1:rgba(0,0,0,.1);
  --colorOscuroA2:rgba(0,0,0,.2);
  --colorOscuroA3:rgba(0,0,0,.3);
  --colorOscuroA4:rgba(0,0,0,.4);
  --colorOscuroA5:rgba(0,0,0,.5);
  --colorOscuroA6:rgba(0,0,0,.6);
  --colorOscuroA7:rgba(0,0,0,.7);
  --colorOscuroA8:rgba(0,0,0,.8);
  --colorOscuroA9:rgba(0,0,0,.9);

  --colorOscuroA1:rgba(0,0,0,.1);
  --colorClaro:#D6EC8E;
}

/* Color de fondos */
  .bgOscuro{background-color: var(--colorOscuro);}
  .bgClaro{background-color: var(--colorClaro);}

/* Color de fuentes */
  .colorOscuro{color: var(--colorOscuro);}
  .colorClaro{color: var(--colorClaro);}

/* Fondos transparentes */


  .bgNegroA1{background-color: rgba(0,0,0,.1);}
  .bgNegroA2{background-color: rgba(0,0,0,.2);}
  .bgNegroA3{background-color: rgba(0,0,0,.3);}
  .bgNegroA4{background-color: rgba(0,0,0,.4);}
  .bgNegroA5{background-color: rgba(0,0,0,.5);}
  .bgNegroA6{background-color: rgba(0,0,0,.6);}
  .bgNegroA7{background-color: rgba(0,0,0,.7);}
  .bgNegroA8{background-color: rgba(0,0,0,.8);}
  .bgNegroA9{background-color: rgba(0,0,0,.9);}