# Design System — NOGA CODE

## Paleta oficial

| Token | Hex | Uso |
|-------|-----|-----|
| Primary | `#009BFF` | CTAs, links, destaques |
| Secondary | `#000056` | Gradientes, fundos profundos |
| Blue Light | `#33B5FF` | Hover, estados ativos |
| Blue Neon | `#00C2FF` | Acentos, glow |
| BG Main | `#060818` | Background principal |
| BG Secondary | `#0B1025` | Cards, sidebar |

## Gradientes

- **Primary:** `135deg, #000056 → #009BFF → #33B5FF`
- **Dark:** `135deg, #060818 → #0B1025`

## Componentes

- `PrimaryButton` — fundo `#009BFF`, hover `#33B5FF`
- `SecondaryButton` — outline `#009BFF`
- `GlassCard` — glassmorphism + blur
- `GlowOrb` — iluminação ambiente

## Tipografia

- **Fonte:** Inter (Vercel/Linear style)
- **Títulos:** branco + destaque gradiente
- **Corpo:** `#DCE3F1` / `#94A3B8`

## Referência de código

Tokens: `frontend/src/styles/tokens.ts`  
Tema Mantine: `frontend/src/styles/theme.ts`