/* Temas */

/* Padrao */
.temaPadrao{

    /* Cores */
    --azul: #0097f3;
    --verde: #18bb6b;
    --vermelho: #f6383d;
    --laranja: #f6a138;
    --amarelo: #fcd633;

    /* Menu Lateral */
    --corMenuLateral: #1c1c1c; /*171717*/ /*202020*/ /*2c2c2c*/
    --corTextoMenuLateral: #FFF;


        /* Botões Menu Lateral */
    --corBotaoMenuLateralSelecionado: #2c2c2c; 
    --corBotaoMenuLateralHover: #2c2c2c85; /*202020*/ /*2a2a2a*/ /*333*/
    --corIconesMenuLateral: var(--corTextoMenuLateral);
    --corTextoBotaoMenuLateral: #ffffff;
    --corFundoIconeMenuLateral: var(--corBotaoMenuLateralHover);

    /* Header */
    --corHeader: #FFF;
    --corTextoHeader: #333;

    /* Main */
    --corDivsMain: #FFF;
    --corTextoMain: #313131; /*444*/
    --corDivsMainTransparente: #FFFFFF65;
    --corTextoMainTransparente: #31313190; /*444*/
    --corHover: #aaaaaa20;

    /* Gerais */
    --corSelecionado: #aaaaaa50;
    --corFundoPagina: #ebebeb;
    --corIcones: var(--corBotaoMenuLateralHover);
    --corDetalhes: #dee2e6;
    --corDetalhesTransparente: #dee2e635;
    --sombraPadrao: 1px 1px 4px 0.5px rgba(121, 121, 121, 0.25);

}

/* Claro */
.temaClaro{

    /* Cores */
    --azul: #0097f3;
    --verde: #18bb6b;
    --vermelho: #f6383d;
    --laranja: #f6a138;
    --amarelo: #fcd633;

    /*Menu Lateral*/
    --corMenuLateral: #fff;
    --corTextoMenuLateral: #101010; /*000*/
        /*Botoes Menu Lateral*/
    --corBotaoMenuLateralSelecionado: #aaaaaa30; 
    --corBotaoMenuLateralHover: #aaaaaa18;
    --corIconesMenuLateral: var(--corTextoMenuLateral);
    --corTextoBotaoMenuLateral: #101010; /*000*/
    --corFundoIconeMenuLateral: var(--corBotaoMenuLateralHover);

    /* Header */
    --corHeader: #FFF;
    --corTextoHeader: #101010; /*000*/

        /* Main */
    --corDivsMain: #FFF;
    --corTextoMain: #101010; /*444*/
    --corDivsMainTransparente: #FFFFFF90;
    --corTextoMainTransparente: #10101090; /*444*/
    --corHover: #aaaaaa20;

    /* Gerais */
    --corSelecionado: #aaaaaa50;
    --corFundoPagina: #f0f2f4;
    --corIcones: #101010; /*000*/
    --corDetalhes: #dee2e6;
    --corDetalhesTransparente: #dee2e635;
    --sombraPadrao: 1px 1px 4px 0.5px rgba(121, 121, 121, 0.25);

}

/* Escuro */
.temaEscuro{

    /* Cores */
    --azul: #0097f3;
    --verde: #18bb6b;
    --vermelho: #f6383d;
    --laranja: #f6a138;
    --amarelo: #fcd633;

    /* Menu Lateral */
    --corMenuLateral: #202020; /*2c2c2c*/
    --corTextoMenuLateral: #FFF;


        /* Botões Menu Lateral */
    --corBotaoMenuLateralSelecionado: #2a2a2a;    
    --corBotaoMenuLateralHover: #2a2a2a95; /*333*/
    --corIconesMenuLateral: var(--corTextoMenuLateral);
    --corTextoBotaoMenuLateral: #ffffff;
    --corFundoIconeMenuLateral: var(--corBotaoMenuLateralHover);

    /* Header */
    --corHeader: #202020;
    --corTextoHeader: #fff;

    /* Main */
    --corDivsMain: #232323;
    --corTextoMain: #f4f4f4;
    --corDivsMainTransparente: #23232390;
    --corTextoMainTransparente: #f4f4f490;
    --corHover: #aaaaaa20;

    /* Gerais */
    --corSelecionado: #aaaaaa50;
    --corFundoPagina: #202020;
    --corIcones: #303030;
    --corDetalhes: #303030;
    --corDetalhesTransparente: #30303050;
    --sombraPadrao: 1px 1px 4px 0.5px rgb(25, 25, 25);

}