- css
- design-system
- acessibilidade
- refactor
A folha do realm misturava quatro coisas: a paleta Dracula, o layout do canvas, o catálogo de componentes e a feature Learn inteira. Mexer no ritmo vertical exigia caçar literais soltos — 0.35rem aqui, 1.1rem ali, 1.75rem acolá.
O que mudou
A paleta continua onde estava. O que entrou foi uma camada semântica por cima: --dev-surface-1 em vez de "o roxo escuro", --dev-danger em vez de "o vermelho". Nenhum token novo inventa cor — todos derivam de --d-*, e há teste que quebra se alguém tentar.
O que quase passou batido
O bloco de prefers-reduced-motion era [class*="dv-"] { animation: none !important }. Varria o DOM inteiro por substring de classe, atingia qualquer classe futura com "dv-" no nome, e esquecia transition — as transições continuavam correndo para quem pediu para elas pararem.
E o realm não tinha nenhuma indicação de foco. Navegar por teclado era navegar às cegas.