/* Tokens do layout do CRM Planik (frente 6, 22/10/2026). Uma folha só, usada pelo CRM (css/crm.css) e pelo portal
   do parceiro (portal.css): para mudar uma cor, um canto ou a fonte do sistema inteiro, mexa aqui.
   Os nomes antigos (--tinta, --fundo, --papel, --linha...) continuam valendo como apelidos no crm.css.
   As cores de status do espelho (--st-*) NÃO ficam aqui: são da frente do espelho (bloco "espelho e status" do
   crm.css e o :root do portal.css) e valem acima de qualquer token de layout. */
:root {
  --fonte: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  /* superfícies */
  --fundo-pagina: #F4F5F7;
  --cartao: #FFFFFF;
  --borda: #E5E7EB;
  --borda-2: #F0F1F3;            /* linhas internas (tabelas, divisórias) */
  --fundo-2: #F9FAFB;            /* cabeçalho de tabela, zebra */
  /* texto */
  --texto: #1F2937;
  --texto-2: #6B7280;
  --texto-3: #9CA3AF;
  /* lateral escura */
  --lateral: #0F172A;
  --lateral-ativo: #1E293B;
  --lateral-texto: #CBD5E1;
  --lateral-rotulo: #64748B;
  --lateral-marca: #FFFFFF;
  --lateral-largura: 224px;
  /* barra superior */
  --barra-altura: 60px;
  /* botão principal */
  --primario: #111827;
  --primario-hover: #1F2937;
  --primario-texto: #FFFFFF;
  /* semântica */
  --sucesso: #16A34A; --sucesso-fundo: #DCFCE7; --sucesso-borda: #86EFAC;
  --alerta: #D97706;  --alerta-fundo: #FEF3C7;  --alerta-borda: #FCD34D;
  --erro: #DC2626;    --erro-fundo: #FEE2E2;    --erro-borda: #FCA5A5;
  --info: #1D4ED8;    --info-fundo: #DBEAFE;    --info-borda: #93C5FD;
  /* formulários */
  --input-borda: #D1D5DB;
  --foco: #1E3A8A;
  /* forma */
  --raio: 10px;
  --raio-p: 6px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);
  --sombra-alta: 0 12px 32px rgba(16, 24, 40, .18);
}