sm

6px

use: Small badges, Chips

avoid: Buttons or inputs — use md; mixing sm/md/lg in one component reads as unfinished

md

8px

use: Buttons, Inputs

avoid: Cards or panels — use lg

lg

12px

use: Cards, Panels

avoid: Modals or large containers — use xl

xl

16px

use: Modals, Large containers

avoid: Buttons or chips — too soft, loses precision on small controls

full

9999px

use: Avatars, Pill buttons, Toggles

avoid: Rectangular content containers like cards or panels