shadows #

fuz_css provides four semantic shadow types that build on the light model in the shading docs: umbra for natural depth, highlight for rim lighting, glow for light emphasis, and shroud for dark overlays.

Umbras are adaptive shadows that darken in light mode and lighten in dark mode. This is the default shadow behavior, creating natural depth perception in both color schemes. In light mode umbra is untinted (pure black); in dark mode it's tinted using tint_hue/tint_saturation.

Highlights are adaptive shadows that lighten in light mode and darken in dark mode. In light mode highlight is tinted using tint_hue/tint_saturation; in dark mode it's untinted (pure black).

Glows are non-adaptive shadows that lighten in both light and dark mode. Glow colors are tinted using the theme's tint_hue and tint_saturation.

Shrouds are non-adaptive shadows that darken in both light and dark mode. Unlike glow, shroud is untinted (pure black) because dark shadows typically don't benefit from tinting. This asymmetry is intentional but subject to change.

Use shadow_color_{hue}_{intensity} classes to apply colored shadows. The intensity controls the color's prominence -- 60 is a fine starting point for visible colored shadows.