6 elevation levels and 5 semantic radius tokens — together they define every surface in VendHub.
From flat (L0) to modal (L5). Each level serves a specific UI role. Click any card to see the CSS values.
Semantic names replace arbitrary values. Every component maps to exactly one token — inline, control, container, surface, or pill.
Combine any shadow level with any radius token and see the result on a real card.
Every component maps to exactly one shadow level. No stacking, no overrides.