/* Tema do sistema de comissões — provisório até a marca do produto existir.
 *
 * Azul-ardósia #1F2A37 na faixa e nos botões; verde-petróleo #0F766E como
 * acento (link, foco, seleção). Contraste: branco sobre #1F2A37 = 14,1:1;
 * #0F766E sobre branco = 5,5:1 (WCAG AA para texto).
 *
 * Só tokens: nenhuma tela escreve cor da marca à mão. */
:root{
  --marca:#1F2A37; --marca-2:#2c3a4b;
  --acento-forte:#0F766E; --acento-claro:#99d5cf; --acento-tinta:#eaf6f5;
  --acento:var(--acento-claro);

  --fundo:#f6f7f9; --fundo-2:#e9ecf0; --texto:#18202a; --cinza:#5b6573; --borda:#dde2e8;

  --cor-info:var(--acento-forte); --cor-info-fundo:var(--acento-tinta);
  --cor-atencao:#8a6300; --cor-atencao-fundo:#fdf6dc;

  --cor-link:var(--acento-forte); --cor-foco:var(--acento-forte);
  --sombra-cor:31,42,55;
  --sombra:0 1px 2px rgba(31,42,55,.05),0 6px 18px rgba(31,42,55,.06);
  --menu-ativo-fundo:var(--acento-tinta); --menu-ativo-cor:var(--acento-forte);
  --topo-sub:var(--acento-claro); --topo-quem:#cfd6de;
  --btn-primario:var(--marca);

  --fundo-entrada:linear-gradient(170deg,#eef1f5 0%,#f8f9fb 60%); --rotulo:#2c3a4b;
}
.ditem.on{border-left-color:var(--acento-forte)}
.msg.info{border-color:#c4e6e2}
.msg.warning{border-color:#ecd98f}