Border / Radius / Shadow

Border Radius

--radius-sm

4px

--radius-md

8px · Button

--radius-lg

12px

--radius-xl

16px

--radius-full

9999px

Box Shadow

--shadow-sm

0 1px 2px rgba(0,0,0,.05)

--shadow-md

0 4px 6px rgba(0,0,0,.10)

--shadow-lg

0 10px 15px rgba(0,0,0,.15)

Border

--border-width · 1px · --border-color (gray-200)

Motion

--duration-fast

0.15s · hover / focus / color

--duration-base

0.2s · transform / icon

--duration-slow

0.3s · panel / modal

--easing-default

ease