# Cores Gerais do Tema

**Cor do fundo da loja**: Cor do fundo da loja. Será aplicado em todas as páginas.

**Cor dos textos**: Cor utilizada na maioria dos textos da loja. Outras variáveis de cor irão sobrescreve-la. Ex: títulos e botões.

**Cor dos título**: Cor utilizada nos títulos da loja, incluindo o título das vitrines e bloco de noticias.

**Cor dos subtítulos**: Cor utilizada nos subtítulos quando houver. Na página principal é utilizado no subtítulo da bloco de notícias.

**Cor principal de destaque**: Cor utilizada para dar destaque em vários elementos, incluindo, mas não limitado a, links ícones, botões, abas, setas dos carrosseis e paginação

**Cor principal de destaque ao passar o mouse**: Utilizada nos mesmos elementos que a variável de cor anterior que possuem interação com o usuário. Ao passar o mouse a cor definida nessa variável será aplicada, de modo que o usuário consiga perceber que existe uma interação naquele elemento.

**Cor dos textos em conjunto com a cor principal**: Elementos que tiveram a cor de fundo definida pela variável cor principal acima e que possuem textos utilizarem a cor definida nessa variável. Recomenda-se usar uma cor com bom contraste com a variável cor principal.

**Cor da indicação do slide**: utilizado nos indicadores dos nos carrosseis para mostrar a quantidade de itens que ele possui.

**Cor da indicação do slide ativo**: utilizado nos indicadores dos nos carrosseis para determinar qual é o slide ativo no momento no carrossel.

**Cor de fundo dos campos**: cor utilizada no fundo dos campos de texto, caixas de seleção, caixas de ordenação e dos itens da paginação.

**Cor do texto nos campos**: cor do textos dos campos de texto, caixas de seleção e caixas de ordenação do tema. Recomendamos que essa cor tenha um bom contraste com a cor anterior.

**Cor das bordas dos campos**: cor das bordas dos campos de texto.

**Cor das bordas dos campos de seleção**: Cor utilizada das bordas nos campos de seleção (checkbox) da loja

**Cor das bordas dos elementos da loja**: Cor utilizada nas bordas de vários elementos da loja. Se o elemento tiver uma borda provavelmente a cor definida nessa variável será aquela a ser usada. Outros elementos podem sobrescrever essa variável.

**Cor de fundo do modais**: Cor utilizada no fundo de todos os modais da loja, incluindo, mas não limitado a, carrinho lateral, informações de ajuda e depoimentos.