/* AprovaOS — tokens de marca · gerado de docs/marca/manual-da-marca.md v1.0
   Mudou aqui? O manual mudou PRIMEIRO. */
:root {
  /* Cor — marca */
  --cor-primaria: #0a7d55;        /* verde aprovação: CTA, "OS", sim/conforme */
  --cor-primaria-escura: #075e40; /* hover/active do CTA */
  --cor-texto: #1a2b3c;           /* grafite: texto principal */
  --cor-texto-secundario: #3a4b5c;
  --cor-texto-suave: #5a6b7c;     /* NUNCA em info de decisão no app do técnico */
  --cor-fundo: #f4f7f6;
  --cor-superficie: #ffffff;
  --cor-borda: #c9d4d0;

  /* Cor — semântica (contrato, não estilo) */
  --cor-sucesso-fundo: #e6f6ee;
  --cor-erro: #b3261e;
  --cor-erro-fundo: #fdecea;
  --cor-aviso: #8a5a00;
  --cor-aviso-fundo: #fff7e0;
  --cor-emergencia: #ffd54f;      /* SÓ a linha de emergência; texto grafite */

  /* Tipografia */
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --texto-titulo: 800 20px/1.2 var(--fonte);
  --texto-secao: 700 16px/1.3 var(--fonte);
  --texto-corpo: 400 15px/1.45 var(--fonte);
  --texto-input: 400 16px/1.4 var(--fonte);   /* 16px = anti-zoom iOS */
  --texto-label: 600 12px/1.3 var(--fonte);   /* + uppercase + ls .4px */
  --texto-micro: 400 11px/1.35 var(--fonte);

  /* Espaço (base 4) */
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px;
  --esp-4: 16px; --esp-5: 24px; --esp-6: 32px;

  /* Forma */
  --raio-card: 12px;
  --raio-controle: 8px;   /* inputs, botões, badges */
  --borda-padrao: 1px solid var(--cor-borda);
  --sombra-card: 0 2px 12px rgba(0, 0, 0, .08);

  /* Foco (obrigatório em todo elemento interativo) */
  --anel-foco: 0 0 0 3px rgba(10, 125, 85, .25);

  /* Toque (app de campo) */
  --alvo-toque: 44px;          /* mínimo de qualquer controle no mobile */
  --alvo-toque-critico: 56px;  /* S/N/NA, bottombar, foto/GPS, assinatura */
}