/* variáveis de cor */


:root {
    /* Cores do cabeçalho */
    --fundo-cabecalho: #ffffff;
    --texto-cabecalho: #000;
    --fundo-menu-superior: #ffffff;
    --texto-menu-superior: #000;


    /* Cores barra de newsletter */
    --fundo-newsletter: #fff;
    --botao-newsletter: #181818;
    --texto-newsletter: #181818;


    /* Cores rodapé */
    --fundo-rodape: #fff;
    --titulo-rodape:#000;
    --texto-rodape: #000;


    /* Cores página carrinho */
    --cor-principal-carrinho: #000;
    --cor-botao-finalizar-compra: #11ad56;


    /* Cores página produto */
    --cor-botao-comprar: #39B169;
    --fundo-botao-ativo-variacao: #000000;
    --texto-botao-ativo-variacao: #ffffff;


    /* Cores gerais */
    --cor-da-marca: #000;
    --texto-branco: #ffffff;
    --cor-de-borda: #D7D9DE;
    --cinza-claro: #f5f7fb;
    --cinza: #777D8B;
    --preto: #000;
    --branco: #ffffff;
    --cor-de-link: #000;


    /* Cor de botões */
    --cor-de-botoes: #11ad56;
}