[JoyceYasminSilva5]

O que é

Troca os espaços, tamanhos de texto e pesos soltos do App.css por tokens de escala em tokens.css, e define a fonte (pilha da DS-05). Depende do #87 (DS-06), por isso a base é a feature/ds-06-tokens.

A escala é PROPOSTA

Não achei escala aprovada no repositório. Espaço: 4, 8, 12, 16, 24, 32, 48 e 64 px. Alguns valores soltos foram arredondados (por exemplo 10px para 12px e 28px para 32px). A página ficou até 127 px mais alta em alguns estados.

O que mudou

frontend/src/App.css e frontend/src/styles/tokens.css. Não mexe em index.css, textos, hooks, api.js nem mock. Nenhuma cor muda (a identidade v4 é da DS-08).

Conferido

• lint, test (19 passed) e build passaram no meu computador.
• Conferência automatizada em Chrome sem interface (feita com a ajuda de IA, não é teste humano): 60 estados, antes e depois (gestor, 5 áreas, claro e escuro, 1440, 390 e 320 px, cenários normal e erro): sem rolagem lateral nova, sem botão abaixo de 44 px, sem texto novo cortado.

Não verificado

• Vista de celular no Opera GX: numa captura minha o texto parecia cortado ao lado da faixa de redimensionar do DevTools. Não consegui separar isso de um defeito real nem reproduzir no Chrome automatizado. Peço ao Vinny uma olhada.
• Fonte Segoe UI real no Windows, hover, foco por teclado, perfis suporte e analista, cenários vazio e lento.
• Se a escala é a que a equipe quer.

Texto visível: nenhum texto mudou, então não há testes E2E a ajustar por causa de texto.

Refs #31

[Vinny1313]

Revisão de design (10/11/2026), feita com agente de design do Claude e conferida pelo Vinícius. Só leitura; não substitui a revisão humana.

Veredito: pode integrar (depois do #87, que é a base).

• A escala 4, 8, 12, 16, 24, 32, 48 e 64 px bate com a do protótipo (4 a 48 px). Os arredondamentos ficaram coerentes e nada ficou apertado nem folgado demais.
• Em 768, 1024 e 1440 px, nas 5 abas, a página não estoura na horizontal.
• Sem ajuste novo.

Atenção: o código do produto congela em 11/11. Sem prorrogação aprovada, este trabalho fica na branch até depois da banca.