> ## Documentation Index
> Fetch the complete documentation index at: https://docs.performati.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Forma, espaço e movimento

> Raios, sombras, grid e movimento que dão o acabamento visual da PerformaTI.

## Raios

| Token | Valor | Uso típico |
| - | - | - |
| `radius.sm` | 6px | Elementos pequenos, chips |
| `radius.md` / `radius.base` | 12px | Botões, campos, cards |
| `radius.xl` | 20px | Blocos de destaque |

## Sombras

Sombras são suaves e tingidas com o navy da marca, nunca preto puro.

* `shadow.soft`: estado de repouso de cards.
* `shadow.lift`: hover de elementos clicáveis.

## Grid e espaço

* Largura máxima do conteúdo: 1200px (`layout.container-max`), com margem lateral de 1.5rem.
* Respiro vertical de seção: 4rem até 1023 px e 6rem a partir de 1024 px.

## Movimento

O movimento é sutil e só anima `transform` e `opacity`.

* Entrada de conteúdo: 600ms com a curva `motion.easing.out-expo`.
* Hover: 240ms.
* Quem prefere movimento reduzido no sistema operacional não recebe animação.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.