Ombres portées

Quatre niveaux d’élévation pour suggérer une hiérarchie visuelle entre les surfaces. L’échelle suit les conventions Material Design simplifiées en quatre paliers utiles.

shadow-sm --shadow-sm Élévation légère (carte au repos)

shadow-md --shadow-md Bouton flottant, dropdown

shadow-lg --shadow-lg Popover, tooltip étendu

shadow-xl --shadow-xl Dialog modale, drawer

Bonnes pratiques

shadow-sm : élévation discrète au repos (carte non-interactive).
shadow-md : élévation au survol ou pour un bouton flottant.
shadow-lg : popovers et tooltips étendus.
shadow-xl : dialogs modales et drawers, où la séparation avec l’arrière-plan doit être franche.
En mode sombre, les ombres sont moins visibles ; on s’appuie davantage sur les contrastes de surface (surface-base vs surface-muted).