# 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

Use por padrão ao escrever 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-card`

`rounded-form`

\--rounded-form · 9999px (pílula)

Botões, chips e controles de formulário em formato pílula.

`rounded-form`

`rounded-circle`

\--rounded-circle · 9999px

Avatares, badges circulares, pontos de status e wrappers redondos para ícones.

`rounded-circle`

## Escala Tailwind

Use onde não houver token semântico aplicável.

`rounded-none` `rounded-xs` `rounded-sm` `rounded-md` `rounded-lg` `rounded-xl` `rounded-2xl` `rounded-3xl` `rounded-4xl` `rounded-full`