Una sombra por elemento. Apilar como máximo dos niveles. El hairline carga el peso visual; la sombra es solo separación.
--shadow-hairline
Separación mínima sin elevación. Útil para tablas y celdas.
--shadow-1
Tarjetas estáticas, items de lista, KPI cards.
--shadow-2
Cards interactivas, dropdowns, popovers.
--shadow-3
Modales, drawers, menús de comando.
--shadow-focus
Estado focus visible. Se aplica siempre que el navegador exponga teclado.