Sombras
Sistema de elevação sutil. Cards usam sombras mínimas. O estado selected adiciona um glow de accent: 0 4px 20px · --color-primary · 12%.
Escala de elevação
xs · sm · md · lg
xs
--shadow-xs
sm
--shadow-sm
md
--shadow-md
lg
--shadow-lg
- BG do stage
- --color-surface
- BG do card
- --color-surface
- Radius do card
- --radius-lg · 12px
- xs
- --shadow-xs
- sm
- --shadow-sm
- md
- --shadow-md
- lg
- --shadow-lg
- Glow de selected
- 0 4px 20px · --color-primary · 12%