@charset "UTF-8";

/*
A menos que necessite de uma customização maior, altere apenas as variáveis

	--cor-fundo-primaria -> cor do fundo do cabeçalho
	--cor-fundo-secundaria -> cor de fundo do logo e hover dos links do cabeçalho
	--cor-texto-primaria -> cor dos textos e links do cabeçalho
*/

:root {
	--cor-fundo-primaria: #3c8dbc;
	--cor-fundo-secundaria: #367fa9;
	--cor-texto-primaria: #ffffff;
	
/* cabecalho */
	--cor-texto-cabecalho: var(--cor-texto-primaria);
	--cor-fundo-cabecalho: var(--cor-fundo-primaria);
	--cor-fundo-cabecalho-selecionado: var(--cor-fundo-secundaria);

/* logo */
	--cor-fundo-cabecalho-logo: var(--cor-fundo-secundaria);

/* botão do cabeçalho */
	--cor-botao-cabecalho: var(--cor-fundo-secundaria);

/* subcabeçalho */
	--cor-texto-subcabecalho: #1a2226;
	--cor-fundo-subcabecalho: #dee2e6;

/* topo do menu */
	--cor-texto-topo-barra-lateral: #4b646f;
	--cor-fundo-topo-barra-lateral: #1a2226;

/* menu*/
	--cor-fundo-menu: #222D32;

/* item de menu */
	--cor-texto-item-menu: #ffffff;
	--cor-fundo-item-menu-selecionado: #384A53;
	--cor-fundo-item-menu-selecionado: #384A53;
	--cor-borda-item-menu: #222D32;
	--cor-borda-item-menu-selecionado: #384A53;
	--cor-borda-item-menu-ativo: var(--cor-fundo-secundaria);

/* item de submenu */
	--cor-fundo-item-submenu-selecionado: #2C383D;
	--cor-borda-item-submenu: #222D32;
}