# Forme et mouvement

Des angles doux, des traits nets, un mouvement qui répond. Les valeurs vivent dans `tokens/forme.json` et `tokens/mouvement.json`.

## Forme

- **Rayons** : `rayon-m` (12 px) pour les boutons, champs, cartes et lignes de liste ; `rayon-s` pour les petits éléments (case à cocher, numéro d'étape) ; `rayon-pilule` pour les étiquettes.
- **Traits** : `trait-fin` en couleur `filet` pour séparer ; `trait-objet` en couleur `trait` pour un champ, un bouton secondaire, un objet mis en avant.
- **Ombres** : `ombre-objet`, dure et teintée, pour le seul objet mis en avant ; `ombre-flottante` pour ce qui passe au-dessus de la page (menu, dialogue). Le reste est à plat.
- **Espaces** : l'échelle `espace-xs` à `espace-2xl`, en puissances de deux. Les grands vides font partie du dessin.

## Mouvement

Le mouvement répond à un geste, il ne décore pas.

- Tout reste droit, aligné sur le quadrillage : aucun élément n'est incliné, ni au repos ni en mouvement. Le jeu vient de la couleur.
- Au survol, rien ne se déplace : ni bouton, ni carte. Un bouton change de fond, une carte cliquable prend un contour `trait`, en `duree-vif`. L'interface reste stable sous le pointeur.
- Ce qui confirme une action (case cochée, barre qui avance, case qui s'allume) arrive avec `courbe-rebond`, en `duree-pose`.
- Les entrées de page suivent `courbe-suisse`. Une seule séquence d'entrée par écran.
- `prefers-reduced-motion` coupe tout.