Espaçamento

A escala padrão do Tailwind (múltiplos de 0,25rem). O que o sistema define é onde cada passo é usado — é isso que evita gaps inconsistentes entre páginas.

Escala

1

0.25rem

2

0.5rem

3

0.75rem

4

1rem

6

1.5rem

8

2rem

10

2.5rem

12

3rem

16

4rem

Uso no sistema

Os valores abaixo estão aplicados no código, não são sugestões.

Gap entre campos de formuláriogap-7 (FieldGroup)

Gap entre blocos de uma páginagap-6

Gap dentro de uma seçãogap-4

Padding interno de card--card-spacing: 6 (sm: 4)

Gutter da página (mobile → desktop)px-4 → px-6 → px-8

Padding vertical da páginapy-6 → py-8

Use flex com gap-* para espaçar. As utilities space-x-* e space-y-* não são usadas no sistema — elas quebram com flex-wrap e com elementos condicionais.