:root {
  --tnc-purple: #5b3a8f;
  --tnc-purple-dark: #432868;
  --tnc-green: #42bc74;
  --tnc-green-dark: #26794c;
  --tnc-green-soft: #eaf8f0;
  --tnc-white: #ffffff;
}

/* Prova visual: identidade Tô nas Compras, sem alterar logo ou imagens. */
a,
h2,
.btn-link,
.product-thumb h4 a {
  color: var(--tnc-purple);
}

a:hover,
a:focus,
.product-thumb h4 a:hover,
.product-thumb h4 a:focus {
  color: var(--tnc-purple-dark);
}

#top {
  background-color: var(--tnc-green-dark);
  border-bottom-color: var(--tnc-green-dark);
}

#cart > .btn,
#cart.open > .btn,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: var(--tnc-white);
  background-color: var(--tnc-green-dark);
  background-image: none;
  border-color: var(--tnc-green-dark);
}

#menu,
#menu .btn-navbar,
#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
.dropdown-menu,
.breadcrumb,
.input-group-addon,
.btn-default,
.btn-info,
.list-group-item,
.product-thumb .button-group button,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: var(--tnc-white);
  background-color: var(--tnc-purple);
  background-image: none;
  border-color: var(--tnc-purple);
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a,
.product-thumb .button-group button:hover,
.btn-default:hover,
.btn-default:focus,
.btn-info:hover,
.btn-info:focus {
  color: var(--tnc-white);
  background-color: var(--tnc-purple-dark);
  background-image: none;
  border-color: var(--tnc-purple-dark);
}

#menu .nav > li > a {
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

#menu .nav > li > a img {
  width: 28px;
  height: 28px;
  margin-right: 4px;
  vertical-align: middle;
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}

.dropdown-menu li > a:hover,
#menu .see-all:hover,
#menu .see-all:focus,
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  color: var(--tnc-white);
  background-color: var(--tnc-green);
  background-image: none;
  border-color: var(--tnc-green);
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: var(--tnc-white);
  background-color: var(--tnc-green);
  background-image: none;
  border-color: var(--tnc-green);
}

.product-thumb,
.list-group a,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
.pagination > li > a,
.pagination > li > span {
  border-color: var(--tnc-purple);
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--tnc-purple);
}

.product-thumb .price,
h3.price {
  color: var(--tnc-green-dark);
}

.form-control:focus {
  border-color: var(--tnc-green);
  box-shadow: 0 0 0 2px rgba(66, 188, 116, 0.18);
}

footer {
  background-color: var(--tnc-purple);
  border-top-color: var(--tnc-purple-dark);
}

footer hr {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

footer a {
  color: var(--tnc-green-soft);
}

footer a:hover,
footer a:focus {
  color: var(--tnc-white);
}