Shadows & Radius
Elevation shadows and border radius tokens for depth and container styling.
Shadow Scale
shadow-xs
0px 1px 2px rgba(16, 24, 40, 0.05)
shadow-sm
0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06)
shadow-md
0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)
shadow-lg
0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)
shadow-xl
0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03)
shadow-2xl
0px 24px 48px -12px rgba(16, 24, 40, 0.18)
Border Radius Scale
none
0px
sm
2px
md
6px
lg
8px
xl
12px
2xl
16px
3xl
24px
full
9999px