Shadows bring depth to the interface and bring the user's attention to some specific areas. Use them wisely and sparingly.
Shadow can be used in design to add depth and dimension to elements on a page. It can help to create a visual hierarchy and draw the user’s attention to specific parts of the design. Shadow can also be used to give the appearance of floating elements, or to create a sense of movement or interaction.
Please refer to the design tokens page.