/* Marca UtilsBR — Utils branco, BR laranja, contorno roxo 3px */

.brand-logo {
  display: inline-block;
  padding: 0.18em 0.42em;
  border: 3px solid var(--logo-outline);
  border-radius: 8px;
  background: var(--logo-outline);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

.wm-utils {
  color: var(--logo-utils);
}

.wm-br {
  color: var(--logo-br);
}

/* Fundo laranja — Utils preto, BR cinza escuro */
.brand-logo--on-orange,
.brand-logo.is-on-orange {
  background: var(--logo-br);
  border-color: var(--logo-br);
}

.brand-logo--on-orange .wm-utils,
.brand-logo.is-on-orange .wm-utils {
  color: #1a1a2e;
}

.brand-logo--on-orange .wm-br,
.brand-logo.is-on-orange .wm-br {
  color: #5c6370;
}