/* OS_4354 — AS CORES DA MARCA "ZapZoom Empresa", NUM LUGAR SÓ.

   Pedido do dono (item 4 da OS): cada app do ZapZoom tem de ser reconhecido pela COR e pela
   LOGO, não pela posição dos botões — a pessoa precisa saber em que ambiente está. A Escala é
   verde; este app é AZUL-MARINHO com ÂMBAR (escolha do dono, 16/10/2026).

   Aprendizado da Escala (vistoria da OS_4354, item 10): lá a paleta nasceu fixa, espalhada
   em centenas de regras, e trocar a cor por app virou trabalho de garimpo. Aqui ela nasce em
   VARIÁVEIS: toda peça nova pede a cor por nome (var(--zz-azul)), nunca pelo código da cor.
   Trocar a marca um dia = mexer só neste arquivo.

   O tema escuro do painel é `html[data-tema="escuro"]` (o mesmo atributo da Escala). */
:root {
  --zz-azul: #0C2340;        /* fundo da faixa do topo, da barra de baixo e dos cabeçalhos */
  --zz-azul-2: #1B3A66;      /* o segundo tom do degradê dos cartões */
  --zz-azul-borda: #061528;
  --zz-ambar: #F5A623;       /* destaque: "Empresa" da logo, botão do meio, anel das bolhas */
  --zz-ambar-forte: #9A5B00; /* âmbar para TEXTO sobre fundo claro (5,1:1 no branco) */
  --zz-ambar-suave: #FFF4E0;
  --zz-fundo: #F3F5F9;       /* fundo da página */
  --zz-cartao: #FFFFFF;
  --zz-borda: #DCE3EC;
  --zz-texto: #1E293B;
  --zz-texto-2: #475569;
  --zz-sombra: rgba(12, 35, 64, .14);
}
html[data-tema="escuro"] {
  --zz-azul: #0C2340;
  --zz-azul-2: #1F4677;
  --zz-azul-borda: #F5A623;
  --zz-ambar: #F5A623;
  --zz-ambar-forte: #F7B84B;
  --zz-ambar-suave: #2A2214;
  --zz-fundo: #0E1625;
  --zz-cartao: #16213A;
  --zz-borda: #2B3B59;
  --zz-texto: #E6EBF2;
  --zz-texto-2: #B8C3D4;
  --zz-sombra: rgba(0, 0, 0, .45);
}

/* A logo vai sempre sobre o azul: sobre o branco o âmbar some. */
.zz-logo-caixa {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--zz-azul); border-radius: 16px; padding: 10px 18px;
  box-shadow: 0 6px 18px var(--zz-sombra);
}
.zz-logo-caixa img { display: block; height: 46px; width: auto; }