Elevation

Bruhs has no shadow-*. Elevation is expressed with two levers: a tone step in the longan neutral and a matching inset-ring.

Ladder

• Canvas

  The page itself. Zero elevation.

• Panel

  Ambient containers: nav, sidebar, hero frames.

• Card

  Independently interactive — one step above canvas.

• Floating

  Popovers, menus, tooltips. Lifted two steps.

• Modal

  Full-screen dialogs against a longan-950/70 scrim.

Bloom

The one exception — a persimmon glow reserved for focus, active, and "something happened here" accents.

Rules

• Never use shadow-xs through shadow-2xl. They are not defined in Bruhs.
• Elevate by stepping the background tone (longan-950 → 900 → 800 → 700) and widening the inset-ring in parallel (white/5 → /10 → /15 → /20).
• --shadow-bloom is allowed only for focus states, active triggers, or deliberate attention accents.
• Modals use a longan-950/70 scrim — never pure black/*.