/* Fichas do InfraLaw, modo escritório (sistema de design, 28/out/2026). Regras em DESIGN-ESCRITORIO.md.

   Toda cor, tamanho de letra, espaço, canto e sombra de tela do escritório sai daqui, pelo nome.
   Número solto em código novo reprova no teste testes/design_telas.py.
   Identidade do Auditor do IDD (Public Sans, cartão branco) com o azul atual do botão. O fundo era o cinza-bege do
   Auditor (#e9e8e4); em 29/out/2026 o Felipe pediu um fundo mais feliz e tranquilo, num degradê discreto: verde-água claro
   no alto, azul-céu pálido embaixo, com um toque de luz no topo.
   A escola não carrega este arquivo: é outro produto. */
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/static/public-sans.woff2") format("woff2"); }

:root {
  /* cor: cada uma tem uma função. Azul é ação, vermelho é atraso ou erro, verde é feito. Nada de cor de enfeite. */
  --cor-texto: #15171b;
  --cor-texto-suave: #5b5f66;
  --cor-fundo: #e4f1ee;   /* a cor lisa do fundo: faixa presa, campo de busca, o que precisa de cor única */
  --fundo-pagina: linear-gradient(172deg, #eef7f5 0%, #e3f1ee 30%, #e6eef8 100%);   /* o fundo da página: degradê fixo, não rola */
  --cor-cartao: #ffffff;
  --cor-caixa: #f2f7f6;
  --cor-linha: #e3e4e8;
  --cor-linha-forte: #c9cbd1;
  --cor-principal: #3949ab;
  --cor-principal-forte: #2c3891;
  --cor-principal-suave: #eceef8;
  --cor-feito: #1d7a43;
  --cor-feito-suave: #e6f4ec;
  --cor-aviso: #8a5f00;
  --cor-aviso-suave: #fbf3dc;
  --cor-atraso: #b3261e;
  --cor-atraso-suave: #fbecea;
  --cor-sobre-principal: #ffffff;

  /* letra: seis tamanhos, nenhum outro. 16 é o texto; 14 é apoio; 12 só para rótulo pequeno. */
  --fonte-texto: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --letra-12: 12px;
  --letra-14: 14px;
  --letra-16: 16px;
  --letra-20: 20px;
  --letra-24: 24px;
  --letra-32: 32px;
  --peso-normal: 400;
  --peso-forte: 600;
  --peso-titulo: 700;

  /* espaço: sete passos */
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-24: 24px;
  --espaco-32: 32px;
  --espaco-48: 48px;

  /* dois cantos e duas sombras */
  --canto: 8px;
  --canto-grande: 16px;
  --sombra: 0 1px 2px rgba(21, 23, 27, .06);
  --sombra-alta: 0 16px 40px -16px rgba(21, 23, 27, .28);

  /* movimento: curto e discreto; some para quem pediu menos movimento */
  --movimento: 160ms cubic-bezier(.2, 0, 0, 1);
  --altura-botao: 40px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --movimento: 0ms linear; }
}