Radius

Os tokens de radius definem a escala de arredondamento de cantos. Do totalmente reto (null) ao completamente circular (full), a escala cobre todos os casos de uso — de elementos quadrados a pílulas.

Escala visual

Tokens de referência

Token	Valor	Contexto típico de uso
--db1-radius-null	0px	Elementos sem arredondamento — divisores, separadores, bordas retas.
--db1-radius-2xs	2px	Arredondamento mínimo. Tags, badges e chips compactos.
--db1-radius-xs	4px	Inputs, selects e outros controles de formulário em repouso.
--db1-radius-sm	6px	Botões de tamanho pequeno e componentes compactos.
--db1-radius-md	8px	Botões padrão, cards simples e tooltips.
--db1-radius-lg	10px	Cards com destaque visual, superfícies de destaque secundário.
--db1-radius-xl	12px	Painéis, banners e áreas de conteúdo agrupado.
--db1-radius-2xl	14px	Superfícies de destaque primário, modais e drawers.
--db1-radius-3xl	16px	Containers com arredondamento expressivo, menus e popovers grandes.
--db1-radius-full	128px	Pílulas, avatares circulares, botões de ação flutuante (FABs).