Lumina

Foundation · Lumina

Elevation

No Lumina, sombra é sempre flutuação. Offset negativo, opacidade baixa, espalhamento generoso. Nunca dramática, sempre sussurrada.

Três níveis

shadow-soft

0 2px 8px -2px rgba(0,0,0,0.08)

shadow-medium

0 4px 16px -4px rgba(0,0,0,0.12)

shadow-hard

0 8px 32px -8px rgba(0,0,0,0.16)

Princípio

Hierarquia pelo blur, não pela borda. Mas quando borda não bastar e blur não couber, sombra macia é a terceira opção.

Evite shadow-2xl. Se a peça precisa daquilo, ela provavelmente quer ser um dialog, não um card.