Design system

Tokens

Shadows.

Warm-tinted, never blue. Three levels. Cards stay flat at rest; --shadow-2 appears on hover with a 1px lift.

Three levels

shadow-1

Presque rien. Pour les surfaces enfoncées, les inputs au repos

Surfaces pressed.
shadow-2

Niveau hover. Lift de 1px sur les cartes hoverable. Le niveau de loin le plus utilisé

Card lift on hover.
shadow-3

Réservé aux modals. Détache nettement du fond. Jamais sur une carte

Modals only.

All shadows use rgba(31, 30, 26, …): warm-tinted, derived from the ink color. Never rgba(0,0,0,…).