/* O CONTRATO DE TOKENS — o único lugar onde cor existe.
   ═══════════════════════════════════════════════════════════════════════════════════════════════
   Toda aplicação do ambiente define ESTES papéis, e só estes. A folha de estrutura (`base/estilo.css`)
   não escreve cor nenhuma: ela só usa `var(--papel)`. É isso que permite a mesma estrutura ter cara
   de GWS, cara da SMART ou cara de um cliente — trocando um arquivo.

   Uma prova (`provas/prova_interface.py`) reprova se aparecer cor literal fora de uma marca.

   PAPEL, NÃO COR. O nome diz o que a cor FAZ, não o que ela é. `--acento` e não `--bronze`: no dia
   em que a marca do cliente for vermelha, o nome continua certo. Este foi o erro mais comum nas
   aplicações antigas — `--azul-claro` usado como «fundo de aviso», e aí nenhuma delas podia mudar
   de cor sem mentir.

   Os papéis:

   ── superfícies ───────────────────────────────────────────────────────────────────────────────
   --fundo          o fundo da página
   --superficie     o que se levanta do fundo: cartão, painel, linha de tabela
   --superficie-2   o que se levanta da superfície: cabeçalho de tabela, barra fixa
   --realce         o fundo de algo apontado: linha sob o cursor, item atual

   ── texto ─────────────────────────────────────────────────────────────────────────────────────
   --texto          o texto comum
   --titulo         títulos
   --suave          o secundário: legenda, ajuda, unidade, data
   --linha          bordas e separadores

   ── a marca ───────────────────────────────────────────────────────────────────────────────────
   --acento         a cor da marca, para o que é primário: botão principal, barra do topo
   --sobre-acento   o que se lê EM CIMA do acento (quase sempre branco ou quase preto)
   --acento-texto   a mesma ideia de cor, escurecida o bastante para ser LINK sobre fundo claro

   ── os quatro sinais ──────────────────────────────────────────────────────────────────────────
   --bom            concluído, enviado, no ar
   --atencao        pede uma ação de quem está lendo — não é erro
   --perigo         o irreversível, e o que deu errado
   --info           neutro, informativo

   Cada um tem um `-fraco` para fundo e um `-forte` para texto e borda. Dois níveis bastam; três
   viram escolha, e escolha em token vira divergência entre aplicações.

   ── o resto ───────────────────────────────────────────────────────────────────────────────────
   --foco           o anel de foco do teclado. NUNCA é o acento: precisa ser visível sobre ele
   --sans --mono    as duas famílias
   --raio --raio-p  o arredondamento grande e o pequeno
   --sombra         a elevação. Uma só; duas viram três

   ═══════════════════════════════════════════════════════════════════════════════════════════════
   Este arquivo não define valor nenhum: ele é a lista. Os valores estão em `marcas/<nome>.css`.
*/

/* Medidas: iguais em toda aplicação, porque não são identidade — são ergonomia.
   Elas ficam aqui, e não em cada marca, justamente para não variarem. */
:root {
  --alvo: 44px;            /* o menor alvo de toque que se pode acertar com o polegar */
  --topo: 60px;            /* altura da barra do topo */
  --gutter: clamp(16px, 3vw, 32px);
  --largura-leitura: 68ch; /* o texto corrido não passa disto, em nenhuma tela */
}