Como alterar a cor dos valores em todas as páginas?

Código CSS/HTML
1

Boa tarde, fiz algumas configurações pelo código CSS mas acabou sendo alterada as cores dos valores. Segue código inserido:

/*Menu Flutuante na rolagem de pagina */
.conteiner-principal .conteiner{
	box-shadow: none;
}
.conteiner-principal .conteiner{
	box-shadow: none;
}
.menu.superior .nivel-um > li i {
display:none;
}
.menu.superior .nivel-um > li:hover {
background: transparent;
}
.menu.superior .nivel-um > li:hover > a strong {
color: Blue ;
}
.menu.superior .nivel-um > li:hover > a strong::before {
content: ‘-’;
padding-right: 5px;
display: inline-block;
vertical-align: middle;
}
.menu.superior .nivel-um > li:hover > a strong::after {
content: ‘-’;
padding-left: 5px;
display: inline-block;
vertical-align: middle;
}
.listagem-item .acoes-produto, .listagem-item .acoes-produto-responsiva {
position: inherit;
border: 0;
background: transparent;
padding: 0;
text-align: left;
}
#container {
max-width:1200px;
align-self: center;
}
.full.menu .nivel-um>li>a>.titulo {
color: #9e1030;
}
@media (max-width: 767px) {
.container:before, .container:after {
display: block;
content: “”;
line-height: 0;
}
}
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top: 152px;left: 0px;}
.logo {margin-bottom: 70px;}
}
/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* remove as linhas do menu*/
#cabecalho > .conteiner > .menu.superior .nivel-um > li {
border: 0;
padding: 0 14px;
}
.busca input {
  display: none
}