Radius & shape

The button is 6px. The card is 10. The input is 4. Nobody decided that. Those numbers just accumulated.

Shape is a language. Soft, sharp, pill. You pick it once, name it, and every surface references the same tokens. radius.sm, radius.md, radius.lg, radius.full.

Change the token. Button, card, and input move together.

If a component needs its own radius, that is a component token pointing at a radius token. Not a raw pixel value in the CSS.