Box Shadow
| Shadow | Value | Token | Usage |
|---|---|---|---|
| Small | 0px 2px 5px rgba(0, 0, 0, 0.1) |
--box-shadow-sm |
Subtle elevation for small components |
| Large | 0px 2px 20px rgba(0, 0, 0, 0.1) |
--box-shadow-lg |
Standard elevation for cards and modals |
| Large Hover | 0px 10px 20px rgba(0, 0, 0, 0.2) |
--box-shadow-lg-hover |
Large box shadow used for hover effects |