/* ================================================================
   paleta.css — ÚNICA fonte de cores do sistema. estrutura.css, app.css e as páginas nunca escrevem uma cor
   "crua" — sempre var(--token) daqui. Trocar a paleta inteira é editar só este arquivo.

   Marca provisória (ainda sem logo/cor do cliente — ESCOPO.md, pergunta 7): índigo profundo. Escolhido por
   ficar LONGE das três cores que aqui significam dinheiro: verde = pago/em dia, âmbar = vence logo,
   vermelho = atrasado. Num sistema de fiado essas três aparecem em toda tela; um botão "de marca" verde ou
   laranja seria lido como status (PADROES seção 10, "cor semântica é sinal escasso").
   ================================================================ */

:root {
  /* ── Marca. Texto branco sobre --accent: contraste 10,4:1. ── */
  --accent:       #3730a3;
  --accent-hover: #2e2785;
  --accent-light: rgba(55, 48, 163, .10);
  --accent-text:  #ffffff;
  --accent-rgb:   55, 48, 163;

  /* Tom vivo da marca: só decoração/gradiente/splash do PWA, nunca texto nem botão. */
  --accent-vivid:       #6366f1;
  --accent-vivid-hover: #4f46e5;
  --accent-vivid-rgb:   99, 102, 241;

  /* ── Superfícies ── */
  --bg-main:  #f4f5fa;
  --bg-card:  #ffffff;
  --bg-hover: #eceefa;
  --bg-page:  #f4f5fa;

  /* ── Texto — 3 níveis fixos (muted sobre branco: 4,9:1). ── */
  --text-main:      #151833;
  --text-secondary: #474c69;
  --text-muted:     #686d8a;

  /* ── Bordas / sombra / overlay ── */
  --card-border-color:  #e1e4f0;
  --shadow-color:       rgba(21, 24, 51, .06);
  --shadow-color-forte: rgba(21, 24, 51, .14);
  --overlay-bg:         rgba(21, 24, 51, .5);

  /* ── Semânticas — significado FIXO. Aqui elas são o próprio negócio:
     sucesso = pago / tudo enviado · atenção = vence logo / aguardando sinal · perigo = atrasado / recusado. ── */
  --cor-perigo:     #c81e1e;
  --cor-perigo-bg:  rgba(200, 30, 30, .10);
  --cor-atencao:    #b45309;
  --cor-atencao-bg: rgba(217, 119, 6, .13);
  --cor-sucesso:    #15803d;
  --cor-sucesso-bg: rgba(21, 128, 61, .11);
  --cor-info:       #2563eb;
  --cor-info-bg:    rgba(37, 99, 235, .10);
  --cor-neutro:     #6b7280;
  --cor-neutro-bg:  rgba(107, 114, 128, .12);

  /* Texto escuro sobre os fundos claros do Bootstrap (bs-info/bs-warning). */
  --texto-sobre-info:    #063a4a;
  --texto-sobre-atencao: #4a3800;

  /* ── Etiquetas de grupo de cliente (Grupos.Cor guarda a CHAVE, ex.: 'azul'). Cada uma tem fundo claro + texto
     escuro do mesmo matiz (contraste ≥ 7:1). Nenhuma é verde/âmbar/vermelho puros: grupo é organização, não
     status de dinheiro — "Atenção" como nome de grupo continua sendo só um rótulo. ── */
  --grupo-indigo-bg: #e0e7ff;  --grupo-indigo-tx: #312e81;
  --grupo-azul-bg:   #dbeafe;  --grupo-azul-tx:   #1e3a8a;
  --grupo-ciano-bg:  #cffafe;  --grupo-ciano-tx:  #155e75;
  --grupo-teal-bg:   #ccfbf1;  --grupo-teal-tx:   #115e59;
  --grupo-lima-bg:   #ecfccb;  --grupo-lima-tx:   #3f6212;
  --grupo-rosa-bg:   #fce7f3;  --grupo-rosa-tx:   #9d174d;
  --grupo-roxo-bg:   #f3e8ff;  --grupo-roxo-tx:   #6b21a8;
  --grupo-cinza-bg:  #e5e7eb;  --grupo-cinza-tx:  #1f2937;
  --grupo-marrom-bg: #f1e4d8;  --grupo-marrom-tx: #6b3e1d;
}