F3.5 · Fundações

Radii

Disciplina hairline-first. Cinco raios canônicos. Valores fora da escala bloqueados em revisão. Bordas suaves só onde a geometria pede — nunca como decoração.

A escala

Token	Valor	Onde usar
--r-0	0	Sharp corners — banners, hero, separadores.
--r-1	2px	Botões, inputs, tags, chips.
--r-2	4px	Cards, painéis, callouts.
--r-3	8px	Modais, sheets, popovers.
--r-full	999px	Pills, avatares, dot indicators.

Não permitido

Permitido

--r-0, --r-1, --r-2, --r-3, --r-full.
Aplicar mesmo raio em todos os cantos — sem exceção lateral.
Combinação: card --r-2 contendo botão --r-1.

Bloqueado

Não usar 12, 16, 20, 24px — não existe nicho para isso.
Não arredondar só dois cantos sem razão estrutural (e.g., card encostado em borda).
Não usar border-radius: 50% em retângulos — use --r-full só em quadrados.

Diretrizes de combinação

O raio decresce conforme aumenta a hierarquia: modal (8) > card (4) > input (2). Nunca o contrário — botão maior que o modal que o contém quebra o sistema.

Hairline + sharp corner é o padrão estético da marca.
Pills (--r-full) usadas apenas em status/categoria, nunca em CTA.
Em superfícies escuras, raio sutil (2px) ainda separa visualmente o botão do fundo.