Tokens, não valores soltos
4 HCor, tipografia, espaçamento e raio como variáveis. Valor escrito no componente é dívida.
- Inventarie toda cor, espaçamento e raio da tela principal
- Converta os repetidos em tokens nomeados (--cor-perigo, --espaco-2)
- Substitua os valores soltos pelos tokens no CSS inteiro
- Publique a lista de tokens como documento da equipe
Mudar UM token muda o sistema inteiro coerentemente, e nenhum valor de cor vive solto em componente.
Criar 60 tokens de primeira: comece com 12-15 que existem de fato — token sem uso é catálogo morto.
Entregável que fecha a etapa: Biblioteca de tokens publicada