Profun- didade

Sombras, blur e o vidro do coisas.space — só para superfícies que flutuam sobre conteúdo.

Vidro

glass-bg + backdrop-blur-glass + shadow-glass + border-glass-border, só sobre conteúdo (chat, barra de comandos). Nunca sobre fundo liso.

Superfície de vidro

Pergunte algo…

shadow-xs0 1px 2px 0 rgb(0 0 0 / 0.05)

shadow-sm0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)

Cards e controles (mais usado)

shadow-md0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)

shadow-lg0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)

shadow-xl0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)

shadow-2xl0 25px 50px -12px rgb(0 0 0 / 0.25)

Modais

shadow-float0 8px 30px -12px rgba(0,0,0,0.08)

Floating action bar do Resense

shadow-glass0px 0px 31.1px 0px rgba(0,0,0,0.25)

Vidro flutuante do coisas.space

shadow-ai-glow0 6px 16px -6px rgb(245 158 11 / 0.2), 0 10px 22px -8px rgb(168 85 247 / 0.16)

Hover de botão de IA

backdrop-blur-xs4px

backdrop-blur-sm8px

backdrop-blur-md12px

backdrop-blur-xl24px

Superfície float do Resense

backdrop-blur-2xl40px

backdrop-blur-glass-input11px

Campo do chat enquanto processa

backdrop-blur-glass35.5px

Vidro do PromptBar