/* Tema Instala360 — marca "Encaixe" (Meu Drive\clientes\protectpool\ux-ia-2026-10-24-logo\logo\MARCA.md).
 *
 * Grafite #253138 é a cor da marca (faixa, botões); terracota #C45736 é o
 * acento. O terracota PURO não serve para texto: sobre branco dá 4,4:1 (abaixo
 * dos 4,5:1 do WCAG AA). Link, foco e selo usam o terracota ESCURO (#A3442A,
 * 5,9:1); o puro fica para o logo e marcas gráficas (borda do item ativo).
 *
 * Só tokens: nenhuma tela escreve cor da marca à mão (padrão de telas 29). */
:root{
  --marca:#253138; --marca-2:#34434c;
  --terracota:#C45736; --terracota-escuro:#A3442A; --terracota-claro:#e2a793; --terracota-tinta:#fbf0ec;
  --acento:var(--terracota-claro);

  --fundo:#f5f6f6; --fundo-2:#e8ebec; --texto:#1c2428; --cinza:#5d686e; --borda:#dde2e4;

  --cor-info:var(--terracota-escuro); --cor-info-fundo:var(--terracota-tinta);
  --cor-atencao:#8a6300; --cor-atencao-fundo:#fdf6dc;

  --cor-link:var(--terracota-escuro); --cor-foco:var(--terracota);
  --sombra-cor:37,49,56;
  --sombra:0 1px 2px rgba(37,49,56,.05),0 6px 18px rgba(37,49,56,.06);
  --menu-ativo-fundo:var(--terracota-tinta); --menu-ativo-cor:var(--terracota-escuro);
  --topo-sub:var(--terracota-claro); --topo-quem:#cfd6d9;
  /* Ação principal em grafite; terracota fica para link, foco e seleção. */
  --btn-primario:var(--marca);

  --fundo-entrada:linear-gradient(170deg,#eef1f2 0%,#f8f9f9 60%); --rotulo:#34434c;
}
.ditem.on{border-left-color:var(--terracota)}
.msg.info{border-color:#efcfc4}
.msg.warning{border-color:#ecd98f}