/* Paleta LIGHT ratificada 2026-07-29 (CONFORMIDADE_VAULT.md).
   Marca do cliente: verde + dourado + branco. Botoes em verde, detalhes em dourado.
   Cor NUNCA entra hex em template: sempre via var() daqui. Regra [[Sistema_de_Estilos]]. */
:root {
  --bg: #f6f8f6;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --surface-glass: rgba(255,255,255,0.7);
  --border: #e2e7e2;
  --text: #16211b;
  --text-dim: #5f6b64;

  /* Campo de formulario, revisao de tela 25/10 (achado 10 do plano).
     Pedido do Odir, pela Claucia: *"que tivesse alguma separacao entre os
     campos ... esta tudo muito igual."* O campo era branco igual ao cartao,
     com borda --border de 1,25:1 em cima do branco - piso de contorno de
     componente e 3,0:1 (WCAG 1.4.11). Dava um cartao liso com texto solto.

     --field-bg      relevo: o campo afunda um tom contra o cartao
     --field-border   contorno: 3,59:1 contra o cartao e 3,24:1 contra o
                      proprio fundo do campo - os DOIS lados da linha contam,
                      e essa e a faixa que passa nos dois
     --field-bg-ro   campo so-leitura: MAIS ESCURO que o editavel, nunca mais
                      claro, senao o sinal de "este campo nao e seu" inverte.
                      Borda e a mesma: so-leitura ainda e contorno de campo.

     --border NAO muda junto: ela desenha cartao, linha de tabela e divisoria
     do sistema inteiro. O pedido era separar CAMPO, nao engrossar tabela. */
  --field-bg: #f1f4f1;
  --field-border: #7f8a7f;
  --field-bg-ro: #e6eae6;

  /* Verde escurecido em 2026-10-25 (revisao de tela, achado 2 do plano).
     O #1f9d55 ratificado em julho dava 3,49:1 com o texto branco em cima,
     abaixo do piso de 4,5:1 da WCAG AA - texto branco em botao verde era a
     cor menos legivel do sistema inteiro. E o MESMO verde da marca, so mais
     escuro; quem calcula a razao e
     `tests/aceitacao/test_criticos_de_tela_da_proposta.py`, pra ninguem
     clarear de volta sem o teste avisar.

     --accent        preenchimento, borda e anel de foco (branco em cima: 4,82:1)
     --accent-hover  o hover E mais escuro que o normal, nunca mais claro (6,34:1)
     --accent-text   verde quando ele e LETRA: titulo de bloco, link, menu ativo */
  --accent: #17833f;
  --accent-hover: #146e36;
  --accent-text: #146e36;
  --accent-soft: rgba(23,131,63,0.12);

  /* O verde VIVO original, preso aqui pro PDF da PAGR/AGR e so pra ele.
     O layout v5 foi aprovado por ela em 08/10 e vai assinado pro cliente:
     escurecer a TELA nao pode mudar o DOCUMENTO. Fase 5 congelada. */
  --accent-doc: #1f9d55;

  --gold: #c19a2e;
  --gold-soft: rgba(193,154,46,0.14);
  /* dourado quando ele e LETRA sobre --gold-soft: o --gold puro nao
     alcanca contraste em texto de 11px. Mesmo par de --accent/--accent-text. */
  --gold-text: #8a6d16;

  /* Azul-marinho fechado: filete de separacao de blocos no PDF da PAGR/AGR
     (pedido Claucia 2026-10-08). */
  --navy: #1b2e4f;
  /* Tons claros do mesmo azul (PDF v5): faixa de titulo e cabecalho de
     tabela (soft), fundo de cartao (faint), grade e contorno (border). */
  --navy-soft: rgba(27,46,79,0.08);
  --navy-faint: rgba(27,46,79,0.035);
  /* Grade e contorno: OPACO de proposito (= navy 16% sobre branco). Com
     transparencia a linha escurecia em cima do fundo azulado do cabecalho
     da tabela e parecia mais grossa ali (Claucia 2026-10-09). */
  --navy-border: #dbdee3;

  /* Verde de estado: so aparece como LETRA (etiqueta Aceito, aviso de
     sucesso), sempre em cima do proprio --success-soft. Mesmo escurecimento
     de 25/10, pelo mesmo motivo: no tom antigo dava 3,49:1. */
  --success: #146e36;
  --success-soft: rgba(23,131,63,0.15);
  /* Vermelho escurecido em 25/10. MESMO defeito do laranja, achado fora do
     plano: como LETRA em cima do proprio preenchimento claro o #dc2626
     dava 4,01:1, abaixo do piso de 4,5:1 da WCAG AA. E a etiqueta de
     Recusado/Cancelado, o aviso de erro vermelho e a mensagem embaixo do
     campo invalido. Contra o branco ele ja passava (4,83) - de novo, o
     lugar onde a cor e de fato usada e que manda.
     #c82323 e o primeiro tom que passa nos TRES lugares em que ele
     aparece: 4,66 sobre o proprio preenchimento, 5,64 sobre o branco e
     5,64 pro texto branco do botao Excluir e do toast de erro, que tem o
     vermelho de FUNDO. E a menor mudanca possivel: continua vermelho, nao
     vira vinho. Quem calcula as tres razoes e
     tests/aceitacao/test_criticos_de_tela_da_proposta.py. */
  --danger: #c82323;
  --danger-soft: rgba(200,35,35,0.12);
  /* Laranja de aviso escurecido em 25/10 (achado D3). O #d97706 dava
     3,19:1 contra o branco, abaixo do piso de 4,5:1 da WCAG AA.
     O plano sugeria #b35f04, que da 4,61 CONTRA O BRANCO - mas este
     laranja aparece como LETRA em cima do proprio preenchimento claro
     (etiqueta de aviso, aviso amarelo das Aprovacoes), e ali o #b35f04
     cai pra 3,85 e reprova. Vale o lugar onde a cor e usada, nao o caso
     mais facil: #9c5604 da 4,59 sobre o preenchimento, 5,61 sobre o
     branco, e 5,61 pro texto branco do toast, que tem o laranja de fundo.
     Quem calcula as tres razoes e
     tests/aceitacao/test_criticos_de_tela_da_proposta.py. */
  --warning: #9c5604;
  --warning-soft: rgba(156,86,4,0.14);
  --neutral-soft: rgba(22,33,27,0.06);

  /* Grao de cafe: identifica o AGR do tipo Ajuste (pedido Claucia, reuniao
     22/10 - *"sugiro a cor Grao de Cafe conforme a imagem"*). Amostrado da
     imagem que ela mandou: #86381D no centro da roda, #E8D7D2 no anel de
     fora. Contraste do texto sobre o claro: 5,81:1 (passa AA).
     Nao usar --danger aqui: o vermelho deste sistema e so de excluir e
     cancelar, decisao dela na mesma reuniao. */
  --cafe: #86381d;
  --cafe-soft: #e8d7d2;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-lg: 15px;
  --fs-xl: 19px;
  --fs-2xl: 26px;

  /* Escala de espacamento. Os meios-degraus (--sp-05 a --sp-45) nao sao
     invencao: eram os 2, 6, 10, 14 e 20px que ja estavam escritos a mao
     pelo CSS, quase sempre pra fechar a altura de um controle (botao de
     40px, etiqueta, item de menu). Nomear nao mudou um pixel sequer -
     mudou de onde o numero vem. Achado A11, 25/10, regra
     [[Padrao_Box_Card]]:44 - *"nao use valores soltos. Sempre token"*. */
  --sp-05: 2px;
  --sp-1: 4px;
  --sp-15: 6px;
  --sp-2: 8px;
  --sp-25: 10px;
  --sp-3: 12px;
  --sp-35: 14px;
  --sp-4: 16px;
  --sp-45: 20px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 8px;
  --radius-sm: 5px;
  --radius-lg: 14px;
  --shadow: 0 4px 16px rgba(20,30,25,0.08);
  --shadow-glass: 0 8px 32px rgba(20,30,25,0.12);
  --blur: blur(10px);

  --sidebar-w: 220px;
  /* Menu recolhido: o 52px aparecia solto em dois lugares (a largura do
     menu e a margem que o conteudo tira dele). Se um mudasse sem o outro,
     o conteudo cobria o menu ou deixava um vao. */
  --sidebar-w-min: 52px;
  --topbar-h: 56px;
}