/* Cores e fontes da aba "Funil". Único lugar com cor e fonte: trocar a identidade é mexer só aqui.
   Visual do próprio Chatwoot (decidido com o Marcelo em 16/10/2026), para a aba parecer parte dele:
   fonte Inter, cinzas e azul do Chatwoot, claro e escuro. Valores medidos no Chatwoot v4.18 local.
   A aba segue o claro/escuro do computador (o Chatwoot no modo "automático" faz o mesmo). */
:root {
  --bg: #fcfcfd;            /* fundo da conversa */
  --panel: #ffffff;         /* blocos */
  --line: #e2e3e7;          /* bordas */
  --principal: #2781f6;     /* azul do Chatwoot (botões) */
  --principal-fraco: #b9d6fc;
  --link: #086de0;
  --ok: #008573;
  --atencao: #ab6400;
  --erro: #ca244d;
  --txt: #1c2024;
  --mut: #60646c;
  --forte: #1c2024;
  --sobre-principal: #ffffff;
  --campo: #ffffff;
  --selecionado: #edf4fe;
  --botao-fundo: #f0f0f3;   /* botões cinza, como os do Chatwoot */
  --botao-borda: #e2e3e7;

  --fonte-titulo: 'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
  --fonte-texto: 'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
  --titulo-caixa: none;     /* o HUD usava maiúsculas */
  --titulo-espaco: 0;
  --titulo-cor: var(--txt);
  --raio: 8px;
  color-scheme: light; /* calendário e listas do navegador no mesmo tom */
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141517;
    --panel: #1d1e24;
    --line: #2e2d32;
    --principal: #2781f6;
    --principal-fraco: #1e4a86;
    --link: #7eb6ff;
    --ok: #0bd8b6;
    --atencao: #ffca16;
    --erro: #ff949d;
    --txt: #edeef0;
    --mut: #b0b4ba;
    --forte: #edeef0;
    --sobre-principal: #ffffff;
    --campo: #111113;
    --selecionado: #1b2a40;
    --botao-fundo: #2c2d36;
    --botao-borda: #363a3f;
    color-scheme: dark;
  }
}
