:root{
/* Espacement — base 4px, généreuse (le calme se joue dans l'air) */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
/* Rayons — doux, jamais anguleux */
--radius-s:10px; /* champs, badges rectangulaires */
--radius-m:16px; /* cartes */
--radius-l:28px; /* panneaux, images */
--radius-pill:999px; /* boutons, étiquettes */
/* Ombres — chaudes et diffuses, jamais dures */
--shadow-card:0 1px 2px rgba(34,48,31,.05),0 8px 24px rgba(34,48,31,.06);
--shadow-raised:0 2px 6px rgba(34,48,31,.08),0 16px 40px rgba(34,48,31,.10);
/* Bordures */
--border-hairline:1px solid var(--border-soft);
/* Mouvement — lent, apaisé */
--ease-calm:cubic-bezier(.25,.6,.3,1); /* @kind other */
--duration-quick:180ms; /* @kind other */
--duration-slow:420ms; /* @kind other */
}