Estilos
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 — containers e painéis.
Form
Pill — buttons, chips, toggles.
Circle
Avatares, badges, dots.
Tokens semânticos
Preferência ao codar componentes. Cada token tem uso definido — trocar dark/light não afeta radius, mas centralizar permite ajuste global futuro.
rounded-card --rounded-card · 12px
Cards, containers, panels, painéis de conteúdo.
rounded-form --rounded-form · 9999px (pill)
Botões, chips, controles de form em formato pill.
rounded-circle --rounded-circle · 9999px
Avatares, badges circulares, dots de status, ícones em wrappers redondos.
Escala Tailwind
Escala primitiva. Use em casos pontuais ou onde não houver token semântico aplicável.