:root {

    --bg-color1:    #343a40;
    --bg-color2:    #3c485e;
    --bg-color3:    #FF6A6A;
    --bg-color4:    #F5C86F;
    --bg-color5:    #77B852;
    --bg-color6:    #7E9BFF;

    --tx-color1:    #fff;
    --tx-color2:    #000;
    --tx-color3:    #999999;
    --tx-color4:    #937460;
    --tx-color5:    #8c5b7b;

    /**
     * Colores utilizados por los items mostrados
     * en pantalla. 
     */

    --it-color1:    #FF6A6A;
    --it-hover1:    #FF5151;
    --it-color2:    #F5A623;
    --it-hover2:    #E6951B;
    --it-color3:    #50C878;
    --it-hover3:    #3BAD65;
    --it-color4:    #7B68EE;
    --it-hover4:    #6955DD;
    --it-color5:    #FF6347;
    --it-hover5:    #E55339;
    --it-color6:    #FFD700;
    --it-hover6:    #E5BC00;
    --it-color7:    #008080;
    --it-hover7:    #006666;
    --it-color8:    #9370DB;
    --it-hover8:    #7A5BC2;
    --it-color9:    #FF8C00;
    --it-hover9:    #E67E00;
    --it-color10:   #32CD32;
    --it-hover10:   #2AB72A;
    --it-color11:   #4682B4;
    --it-hover11:   #3A6D97;
    --it-color12:   #DA70D6;
    --it-hover12:   #C65BC3;
    --it-color13:   #FF4500;
    --it-hover13:   #E63E00;
    --it-color14:   #FFD700;
    --it-hover14:   #E5BC00;
    --it-color15:   #20B2AA;
    --it-hover15:   #1C9A8E;

}

/*

ROJO
NARANJA
AMARILLO
PISTACHO
VERDE
VERDE MARINO #03bb85
AZUL
LILA

*/