/* All.Leads - design tokens (Etapa 04 + revisao v2). Fonte da verdade: handoff hi-fi secao 8 +
   docs/design_reference_v2/README.md. Identidade propria. Nao e AllQ Hub. Lime com precisao e
   moderacao, so marca/CTA (v2: deixa de representar a etapa Proposta). Sem azul base. Sem amarelo. */

:root{
  /* superficies - identidade All.Q (rebrand 01/09/2026, decisao de Georges, substitui a
     identidade propria Etapa 04 que o CLAUDE.md documentava ate a v6) */
  --al-ink:#2F2F2F;          /* Jet All.Q: sidebar, topbar, login */
  --al-mist:#EBEBEB;         /* Off-white All.Q: canvas de conteudo (board, dashboard) */
  --al-surface:#454545;      /* cards escuros, modais, badges (variante clara do Jet) */
  --al-field:#3A3A3A;        /* fundo de inputs (variante do Jet) */
  --al-border:#555555;       /* borda de input/ghost (variante do Jet) */
  --al-card:#F7F7F7;         /* cards claros do dashboard */
  --al-card-kanban:#FFFFFF;  /* card de lead no board */

  /* cor de marca All.Q */
  --al-lime:#0070FE;         /* Blue Crayola: CTA, ponto do wordmark, acento. Texto sobre este
                                 fundo precisa ser branco, nao --al-ink (nome da variavel ficou
                                 legado, revisar se houver tempo de sobra) */
  --al-lime-mist:#052E7D;    /* Saint Patrick's Blue: variante institucional / sobre fundo claro */

  /* funcionais */
  --al-sage:#5A8C2A;         /* foco / erro / link */
  --al-olive:#F0AD0C;        /* Honey Yellow All.Q: acento secundario (badge, so sobre Ink) */
  --al-verd:#0070FE;         /* texto de destaque positivo (era verde escuro, trocado para Blue
                                 Crayola em 01/09/2026 a pedido de Georges, consistencia com o CTA) */
  --al-slate:#5B6472;        /* texto de apoio / icones */
  --al-hairline:rgba(255,255,255,.1); /* divisoria sobre Ink */

  /* funil (estagios) - v2: cor pastel propria por estagio, lime deixa de ser rampa do funil */
  --al-frio:#8FB8E0;         --al-frio-accent:#3D6A9E;
  --al-quente:#E8A868;       --al-quente-accent:#B5723A;
  --al-proposta:#7FC494;     --al-proposta-accent:#3F7D52;
  --al-perdido:#5B6472;      /* arquivo: cinza neutro, nunca vermelho */

  /* paleta ciclica para colunas customizadas do Kanban (v2) */
  --al-col-extra-1:#C9B8E8;  --al-col-extra-1-accent:#7B5FA3;
  --al-col-extra-2:#E8B8CE;  --al-col-extra-2-accent:#A3527E;
  --al-col-extra-3:#8FD4C9;  --al-col-extra-3-accent:#2F8577;

  /* canais de origem (v2: 7 canais, glifos genericos, sem logo de terceiro) */
  --al-src-google:#4A90D9;
  --al-src-meta:#7B68C4;
  --al-src-instagram:#D9679B;
  --al-src-whatsapp:#4FAF6B;
  --al-src-linkedin:#4A7FB5;
  --al-src-email:#E0995A;
  --al-src-direto:#8B93A1;

  /* modais claros (v2: eram escuros sobre --al-surface) */
  --al-modal-bg:#FFFFFF;
  --al-modal-input-bg:#F5F8FB;
  --al-modal-border:#DCE1E8;
  --al-overlay:rgba(16,20,24,.5);

  /* azul so funcional, nunca base */
  --al-fn-blue:#0070FE;

  /* tipografia */
  --al-font-brand:'DM Sans',sans-serif;  /* marca, titulos, numeros, labels, botoes */
  --al-font-body:'Albert Sans',sans-serif; /* corpo, legendas, valores */

  /* raios */
  --al-r-input:10px;
  --al-r-btn:9px;
  --al-r-card:14px;
  --al-r-modal:20px;
  --al-r-pill:999px;

  /* sombras */
  --al-sh-card:0 1px 3px rgba(0,0,0,.06);
  --al-sh-card-hover:0 4px 14px rgba(0,0,0,.12);
  --al-sh-modal:0 8px 32px rgba(16,20,24,.20);
  --al-sh-toast:0 8px 24px rgba(0,0,0,.3);

  /* layout */
  --al-sidebar:220px;
  --al-topbar:56px;
  --al-bottomnav:62px;
  /* breakpoint unico em 760px (media queries usam o literal) */

  /* trilho de barra (dashboard) */
  --al-track:#DCE1E8;
}