/* brand.css — identidade visual do painel3 (PitwoPanda).
 * Paleta extraída de "Logo Panda Pitwo com Fundo Transparente.png":
 *   laranja em gradiente  #ffb347 -> #ff8c00 -> #f2600a
 *   preto de contorno     #101010
 *   branco                #ffffff
 *   acento rosa (língua)  #f2545b
 *
 * Carregado DEPOIS do CSS empacotado (ver index.html), então estas variáveis
 * vencem as do :root original (tema lima/ciano). As cores SEMÂNTICAS
 * (--ok/--warn/--err) são preservadas: comunicam estado, não marca.
 */
:root {
  /* superfícies: azul-petróleo -> carvão quente */
  --bg0: #0d0a07;
  --bg1: #161009;
  --bg2: #221709;
  --glass: rgba(22, 16, 9, .72);
  --glass-card: rgba(30, 20, 10, .68);
  --glass-brd: rgba(255, 140, 26, .18);
  --glass-brd-hover: rgba(255, 140, 26, .5);

  /* texto: branco quente */
  --silver: #f3e6d6;
  --text: #fff7ee;
  --muted: #b79c82;

  /* acentos de marca: lima/ciano -> laranja/rosa */
  --lime: #ff8c1a;
  --lime2: #f2600a;
  --sky: #ff5d73;
  --blue: #ff8c1a;
  --blue2: #ff5d73;
}

/* Seleção e foco na cor da marca. */
::selection { background: rgba(255, 140, 26, .35); color: #fff7ee; }
:focus-visible { outline: 2px solid #ff8c1a; outline-offset: 2px; }

/* Barra de rolagem quente. */
* { scrollbar-color: #f2600a #16100a; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #16100a; }
*::-webkit-scrollbar-thumb { background: linear-gradient(#ff8c1a, #f2600a); border-radius: 8px; }

/* Selo de marca discreto no canto, sem invadir o layout do React. */
body::after {
  content: "painel3 · PitwoPanda";
  position: fixed;
  right: 14px;
  bottom: 10px;
  z-index: 9999;
  padding: 4px 10px;
  font: 600 11px/1.4 system-ui, sans-serif;
  letter-spacing: .04em;
  color: #ffd9ad;
  background: rgba(16, 12, 8, .72);
  border: 1px solid rgba(255, 140, 26, .35);
  border-radius: 999px;
  pointer-events: none;
}