# Estilos

Tokens semânticos, cores, tipografia, ícones, espaçamento, radius e efeitos. Os átomos visuais do Sinapse Design System.

## Visual

[

### Tokens

Referência semântica shadcn (claro + escuro)

](/estilos/tokens)[

### Cores

Paleta claro/escuro em camadas

](/estilos/cores)[

### Tipografia

Fonte preferencial + escala Tailwind

](/estilos/tipografia)[

### Ícones

Curadoria Tabler por stack

](/estilos/icones)

## Espaço

[

### Espaçamento

Escala de 4px

](/estilos/espacamento)[

### Radius

Cantos arredondados

](/estilos/radius)[

### Efeitos

Sombras e blur

](/estilos/efeitos)