A página da cara: o prompt do livro Construir com IA

Com a cara que escolhemos, monte a página da cara do sistema: um lugar só, que toda tela usa, e uma página do sistema que o mostra.
- As cores, cada uma com um nome de uso (principal, fundo, texto, texto suave, borda, erro, confirmado) e o código, no modo claro e no escuro.
- As letras: a família e um tamanho para título, subtítulo, texto e rótulo.
- Os espaços: uma escala só (pequeno, médio, grande); os cantos e as bordas.
- As peças em todos os estados: o botão principal e o secundário (normal, desabilitado, com erro, carregando), o campo de texto, a mensagem de erro, o aviso de confirmado e a lista vazia.
- Ao lado de cada cor de texto, o contraste contra o fundo, no claro e no escuro.
Depois tire das telas as cores e os tamanhos escritos à mão e use os nomes desta página. Me diga quais arquivos mudou.