Shadows

The higher the surface, the larger the shadow. Never use a shadow as the only edge of a surface: pair it with a border, because shadows disappear in forced colors.

The values below are the light ones. In dark mode the small, medium and large shadows are redrawn heavier, with a black of 40, 50 and 60 percent, because a pale shadow does not show on a dark surface. In high contrast they are replaced by outlines: the small shadow is none, the medium one is a 1px black line and the large one a 2px black line, since a blur is invisible there. --luz-shadow-icon is written once, so every mode reads the same value.

• --luz-shadow-sm: a card under the pointer.
• --luz-shadow-md: tooltips and toasts.
• --luz-shadow-lg: dialogs and the drawer.
• --luz-shadow-icon: an icon over a picture, such as the play button on a video.