Shadows help to highlight and create a sense of depth in interfaces.
For elements that are not experiencing any kind of interaction, prefer smaller shadows by default, they are closer to the virtual surface, so they look "sit" and still then. Interactions like hover, drag & drop or dialog overlays are good opportunities to go with bigger shadows.
Text with shadows
|Prop||CSS Property||Theme Field|