:root {
        --bg1: rgba(21, 41, 26, 1);			/*Fundo do cardapio*/
        --fg1: rgba(36, 168, 32, 1); 	 		/*Nome do Produto*/
        --fg1-hover: rgba(255, 255, 255, 1);		/*Hover Nome do Produto*/
        --fg1-span: rgba(36, 168, 32, 1); 		/*Preço Produto*/
        --fg1-text-info: rgba(237,233,213, 1);     	/*Detalhes Produto*/
        --fg1-menu-flters: rgba(255,255,255, 1);	/*Menu de Grupos de Produtos*/
        --fg1-hover-menu-flters: rgba(36, 168, 32, 1);	/*Menu de Grupos de Produtos Hover*/
        --fg1-title-aproveite: rgba(36, 168, 32, 1); 	/*Titulo Aproveite*/
        --fg1-title-loja: rgba(255,255,255, 1); 	/*Titulo Loja*/
    }
    /*Fundo do cardapio*/
    .section-bg {
        background-color: var(--bg1);
    }
    /*Loja*/
    .section-title h2 {
        color: var(--fg1-title-loja);
    }
    /*Aproveite !*/
    .section-title p {
        color: var(--fg1-title-aproveite);
    }
    /*Menu de Grupos de Produtos*/
    .menu #menu-flters li {
        color: var(--fg1-menu-flters);
    }
    /*Menu de Grupos de Produtos - HOVER*/
    .menu #menu-flters li:hover, .menu #menu-flters li.filter-active {
        color: var(--fg1-hover-menu-flters);
    }
    /*Nome do Produto*/
    .menu .menu-content a {
        background-color:  var(--bg1);
        color: var(--fg1);
    }
    /*Nome do Produto Hover */
    .menu .menu-content a:hover {
        color: var(--fg1-hover) !important;
    }
    /*Preço Produto*/
    .menu .menu-content span {
        background-color: var(--bg1);
        color: var(--fg1-span);
    }
    /*Detalhes Produto*/
    .text-info {
        color: var(--fg1-text-info) !important;
    }