/* variáveis de cor */

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

    /* Cores barra de newsletter */
    --fundo-newsletter: #fe0101;
    --botao-newsletter: #151515;
    --texto-newsletter: #ffffff;

    /* Cores rodapé */
    --fundo-rodape: #ffffff;
    --titulo-rodape: #fe0101;
    --texto-rodape: #000000;

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

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

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

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