Design Foundations
Advanced tokens: border-radius, z-index, surfaces, detailed breakpoints and numeric scales.
Surface 0
Body background
Surface 1
Sections, panels
Surface 2
Cards, sidebars
Surface 3
Elevated cards, popovers
Badges, chips
Buttons, inputs
Cards, panels
Modals, sections
Hero cards
Avatars, pills
The lime glow is the only colored shadow. It is reserved for CTA and focus — on any random card it stops meaning anything.
shadow-sm
shadow-md
glow-brand
glow-strong