Foundations
Shadow and depth
Depth is part of each theme's identity: a ring and top highlight in Graphite, frosted blur in Glass, none in Paper, a soft green-tinted drop in Mineral, a hard offset shadow in Enamel and a warm glow in Ember. Use --e-shadow-card and --e-shadow-cta; never invent shadows a theme does not define.
Graphite
Surface
Hero
Glass
Surface
Hero
Paper
Surface
Hero
Mineral
Surface
Hero
Enamel
Surface
Hero
Ember
Surface
Hero