Shadow

Elevation shadows. L1 shadow.1–4 define progressively deeper drop-shadows; L2 aliases (card, dropdown, modal, tooltip, focus) point at the right primitive for each surface role. The focus shadow (L1 shadow.ring) is available for inset focus indicators; no shipped component uses it — focus states in the system are drawn with outline instead.

Shadow Demo

L1 primitives (primitives.shadow.*)

--lb-shadow-1

Hairline lift

--lb-shadow-2

Card shadow

--lb-shadow-3

Dropdown / tooltip

--lb-shadow-4

Modal / sheet

--lb-shadow-ring

Focus ring (L1)

L2 semantic aliases (semantic.shadow.*)

--lb-shadow-card

→ shadow-2

--lb-shadow-dropdown

→ shadow-3

--lb-shadow-modal

→ shadow-4

--lb-shadow-tooltip

→ shadow-3

--lb-shadow-focus

→ shadow-ring