/* style.css : os tokens do projeto. Só isto.
   Regra dura: hex mora aqui e em nenhum outro lugar. Template nunca vê hex.

   Os tokens verdes vieram inteiros do app 8282 e do painel Gera Rotinas: os três
   projetos são o mesmo sistema visual, e produção vence preset.

   A rampa do LARANJA é a novidade deste projeto. Foi derivada por conta de
   contraste WCAG contra branco, não a olho, e cada tom tem uso declarado no
   comentário. Verde é o cenário de hoje; laranja é o cenário de 2027. */

:root {
  /* ---------- cor de marca ---------- */
  --cor-primaria: #00A96B;
  --cor-primaria-hover: #008051;
  --cor-primaria-escura: #004D31;
  --cor-primaria-suave: #E7F8F2;
  --cor-primaria-soft: rgba(0, 169, 107, 0.12);
  --cor-primaria-sombra: rgba(0, 169, 107, 0.15);
  --cor-primaria-texto: #008051;
  --texto-sobre-cor-primaria: #000000;

  /* ---------- exceção sancionada E1 ----------
     Transferência e Venda, os quadros lado a lado da tela Consulta Tributação.
     A cor ali é informação, não decoração. Sancionada pelo dono em 02/09/2026. */
  --cor-transferencia: #2C6FB5;
  --cor-transferencia-hover: #245B94;
  --cor-transferencia-escura: #1A426B;
  --cor-transferencia-suave: #E7F0F8;
  --cor-transferencia-soft: rgba(44, 111, 181, 0.12);
  --cor-transferencia-sombra: rgba(44, 111, 181, 0.15);
  --cor-transferencia-texto: #2C6FB5;
  --texto-sobre-cor-transferencia: #FFFFFF;

  --cor-venda: #1B8A5A;
  --cor-venda-hover: #146844;
  --cor-venda-escura: #0C3D28;
  --cor-venda-suave: #E7F8F1;
  --cor-venda-soft: rgba(27, 138, 90, 0.12);
  --cor-venda-sombra: rgba(27, 138, 90, 0.15);
  --cor-venda-texto: #198154;
  --texto-sobre-cor-venda: #000000;

  /* ---------- exceção sancionada E2 ----------
     Botão de ação secundária (ex.: "Resumo de Divergências", Validação de
     Precificação) que precisa se distinguir tanto da cor de marca quanto do
     par Transferência/Venda da E1 -- pedido explícito do dono em 04/09/2026
     ("na cor azul"). Contraste medido (WCAG), não escolhido no olho:
     #1565C0 sobre branco = 5.75:1, #0D47A1 (hover) sobre branco = 8.63:1. */
  --info: #1565C0;
  --info-hover: #0D47A1;
  --info-escura: #0A3878;
  --info-suave: #E3F0FC;
  --info-texto: #1565C0;
  --texto-sobre-info: #FFFFFF;

  /* ---------- superfície da sidebar ----------
     Segunda cor do projeto, o verde escuro do menu do app antigo. Não é cor de
     marca: é superfície. Os tons de letra em cima dela foram medidos, e o pior
     deles dá 5.4:1. */
  --sidebar-fundo: #0E3A2B;
  --sidebar-texto: #E0EBE7;
  --sidebar-texto-suave: #BCD2CB;
  --sidebar-texto-fraco: #8BB1A5;
  --sidebar-borda: #1F5141;
  --sidebar-hover: rgba(255, 255, 255, 0.07);

  /* ---------- neutros do tema light ----------
     Todos os quatro tons de texto passam 4.5:1 sobre branco e sobre --fundo. */
  --branco: #FFFFFF;
  --fundo: #F5F7F6;
  --borda: #E2E7E5;
  --texto: #17201C;
  --texto-secundario: #475651;
  --texto-suave: #5B6763;
  --texto-fraco: #65726D;

  /* ---------- estado ---------- */
  --sucesso: #1B7A4F;
  --sucesso-suave: #E7F8F0;
  --perigo: #C0392B;
  --perigo-suave: #F8E9E7;
  --aviso: #9A6700;
  --aviso-suave: #F8F3E7;

  /* ---------- tipografia ---------- */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* ---------- cor de acento ----------
     Contraste medido contra branco. --cor-acento reprova como texto (2,80:1) e
     por isso serve SO pra preencher e contornar: letra laranja usa
     --cor-acento-texto (4,74:1). Regra ampliada em 27/09/2026 (pedido do dono):
     laranja não fica mais restrito ao par "hoje x 2027" -- serve também pra
     destaque de ação secundária isolada (ex.: .btn-acento em components.css,
     botão "Baixar modelo" da tela Dados). Continua sem entrar como cor de
     rotina: cada uso novo é deliberado, não decorativo. */
  --cor-acento: #F97316;              /* 2,80 : preenchimento e borda */
  --cor-acento-hover: #CC5E12;        /* 3,90 : hover de preenchimento */
  --cor-acento-escura: #95450D;       /* 6,70 : borda forte, ícone */
  --cor-acento-texto: #BA5610;        /* 4,74 : o unico que serve como letra */
  --cor-acento-suave: #FEEEE3;        /* fundo de destaque */
  --cor-acento-soft: rgba(249, 115, 22, 0.12);
  --texto-sobre-cor-acento: #000000;  /* 7,49 : letra sobre o laranja cheio */

  /* ---------- exceção sancionada E3 (revista) ----------
     Fundo da barra mestre de empresa (Padrao_Barra_Empresa). Passou por 3
     rodadas com o dono em 26/09/2026: (1) laranja mais claro que --cor-acento
     -- não agradou; (2) letra verde sobre laranja -- contraste caiu demais
     (2,2:1 e 1,3:1, reprovado); (3) virou o pedido: fundo verde claro com letra
     preta, testados 3 tons + o verde puro da marca, dono escolheu este. Não é
     padrão A novo -- é hex de exceção deste componente, como o E1 do 8282
     (PERSONALIZAÇÕES_MAILSON/01_DESIGN/cores-e-tokens.md, --cor-primaria segue
     #00A96B). Contraste: letra preta (--texto-sobre-cor-primaria) sobre
     #5FC79A = 10,1:1. */
  --barra-empresa-fundo: #5FC79A;

  /* ---------- espaço ----------
     A página é dona do vão entre blocos. Componente não carrega margem. */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* ---------- forma ---------- */
  --raio: 10px;
  --raio-sm: 6px;
  --raio-lg: 16px;
  --raio-pill: 999px;
  --sombra: 0 8px 24px rgba(23, 32, 28, 0.08);
  --sombra-sm: 0 1px 2px rgba(23, 32, 28, 0.06);
  --transicao: .16s ease;

  /* ---------- medidas de casca ---------- */
  --sidebar-w: 248px;
  --sidebar-w-recolhida: 64px;
  --topbar-h: 60px;
  --barra-empresa-h: 52px;
}