Radius
Cantos arredondados em duas camadas: escala Tailwind v4 e tokens semânticos por uso.
Como usar
Para componentes do DS use os tokens semânticos (rounded-card, rounded-form, rounded-circle). A escala primitiva Tailwind fica disponível para casos pontuais ou prototipagem.
Card
12px — contêineres e painéis.
Form
Pílula — botões, chips e alternadores.
Circle
Avatares, badges e pontos de status.
Tokens semânticos
Preferência ao codar componentes. Cada token tem uso definido — alternar claro/escuro não afeta radius, mas centralizar permite ajuste global futuro.
rounded-card --rounded-card · 12px
Cards, contêineres e painéis de conteúdo.
rounded-form --rounded-form · 9999px (pill)
Botões, chips e controles de formulário em formato pílula.
rounded-circle --rounded-circle · 9999px
Avatares, badges circulares, pontos de status e wrappers redondos para ícones.
Escala Tailwind
Escala primitiva. Use em casos pontuais ou onde não houver token semântico aplicável.