Foundation
Shadows & Glow
Elevation is mostly invisible. Glow shadows are the brand expression — use them on the action, not the surface.
Elevation
sm
Inputs, subtle elevation
md
Cards, popovers
lg
Modals, sheets
xl
Hero cards, floating CTAs
glow-violet
Primary CTA, focused element
glow-magenta
Accent or hover state
glow-gold (Club)
Club CTAs, membership cards
CSS
--shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
--shadow-md: 0 8px 24px rgba(0,0,0,0.45);
--shadow-lg: 0 16px 40px rgba(0,0,0,0.55);
--shadow-xl: 0 24px 64px rgba(0,0,0,0.6);
--shadow-glow-violet: 0 0 40px hsl(265 90% 65% / 0.35);
--shadow-glow-magenta: 0 0 40px hsl(280 80% 55% / 0.35);
--shadow-glow-gold (Club): 0 0 40px hsl(40 55% 60% / 0.30);