Patterns
Padroes de background, superficies glass e gradientes da marca. Os textures que dao profundidade a cada interface.
Dot Grid
Grade de pontos padrao — 32x32px spacing.
.pattern-dot-grid
Dot Grid Dense
Grade densa de pontos — 16x16px spacing.
.pattern-dot-grid-dense
Line Grid
Grade de linhas — 64x64px spacing.
.pattern-line-grid
Hazard Stripe
Listras diagonais para areas de atencao.
.hazard-stripe
Glass Surfaces
Superficies com backdrop-blur e bordas semi-transparentes.
Glass
Superficie com blur e borda sutil. Ideal para cards, modais e overlays elevados.
.glass
bg-surface-800/60 backdrop-blur-xl border-surface-700/50
Glass Strong
Superficie com blur e borda sutil. Ideal para cards, modais e overlays elevados.
.glass-strong
bg-surface-900/80 backdrop-blur-2xl border-surface-700/60
Gradients
Gradientes da marca para backgrounds, botoes e efeitos glow.
brand-gradient
135deg: #2563EB → #7C3AED
brand-gradient-h
90deg: #2563EB → #7C3AED
brand-gradient-subtle
135deg: rgba(37,99,235,0.15) → rgba(124,58,237,0.15)
glow-blue
Radial: rgba(37,99,235,0.15) → transparent
glow-violet
Radial: rgba(124,58,237,0.12) → transparent