/* variaveis de cor*/
:root {
    /* Cores do cabeçalho */
    --fundo-cabecalho: #2c628c;
    --texto-cabecalho: #ffffff;
    --fundo-menu-superior: #284e6c;
    --texto-menu-superior: #ffffff;
 
    /* Cores barra de newsletter */
    --fundo-newsletter: #F2F4F9;
    --botao-newsletter: #ff5a00;
    --texto-newsletter: #000000;
 
    /* Cores rodapé */
    --fundo-rodape: #ffffff;
    --titulo-rodape: #284e6c;
    --texto-rodape: #000000;
 
    /* Cores página carrinho */
    --cor-principal-carrinho: #000;
    --cor-botao-finalizar-compra: #40cd28;
 
    /* Cores página produto */
    --cor-botao-comprar: #40cd28;
    --fundo-botao-ativo-variacao: #000000;
    --texto-botao-ativo-variacao: #ffffff;
 
    /* Cores gerais */
    --cor-da-marca: #ff6c00;
    --texto-branco: #ffffff;
    --cor-de-borda: #D7D9DE;
    --cinza-claro: #F5F5F5;
    --cinza: #777D8B;
    --preto: #292929;
    --branco: #ffffff;
    --cor-de-link: #000;
 
    /* Cor de botões */
    --cor-de-botoes: #ff5a00;
}