Shadow System

sm

shadow-sm
0 2px 8px · 8%

md

shadow-md
0 4px 20px · 12%

lg

shadow-lg
0 8px 40px · 16%

blue

shadow-blue
Azul ASB · 25%

highlight

shadow-highlight
Azul Highlight · 30%

Elevation Levels

Base

Página

--bg-base

Surface

Cards, painéis

--bg-surface

Raised

Dropdowns

shadow-md

Brand CTA

Botões primários

shadow-blue

Modal

Overlays

shadow-lg

Border Tokens

subtle

default

Cinza ASB

Azul ASB

Highlight