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.