/* ============================================================
   Design tokens partages — refonte WOW (site public)
   SOURCE UNIQUE des primitives de marque. Changer une couleur
   de marque ICI la change sur tout le site.
   Les translucides contextuels (lignes, textes secondaires) restent
   locaux a chaque page : le meme nom veut dire des choses differentes
   selon le fond (clair vs sombre), donc on ne les centralise pas.
   ============================================================ */
:root{
  /* --- couleurs de marque --- */
  --clay:#D97757;        /* accent corail (aplats, points, bordures) */
  --clay-d:#C25E3F;      /* accent fonce (alias) */
  --clay-dark:#C25E3F;   /* accent fonce (alias) */
  --clay-text:#A8421F;   /* clay assombri pour le TEXTE/liens (WCAG AA ~4.6:1 sur ivoire) */
  --ivory:#F0EEE6;       /* fond ivoire */
  --ivoire:#F0EEE6;      /* fond ivoire (alias FR) */
  --slate:#141413;       /* encre / fond sombre */

  /* --- surfaces claires (cartes / panneaux) --- */
  --card:#FBFAF6;
  --panel:#FBFAF6;
  --ivory-card:#FBFAF6;

  /* --- typographie --- */
  --sans:'Space Grotesk',system-ui,sans-serif;
  --grotesk:'Space Grotesk',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,Menlo,monospace;

  /* --- echelle de rayons (3 crans, a adopter au fil de l'eau) --- */
  --r-sm:10px;    /* boutons, inputs, chips */
  --r-md:16px;    /* cartes, panneaux */
  --r-pill:999px; /* pastilles, badges */

  /* --- signature de mouvement (easings) : 1 courbe par defaut + 3 cas particuliers --- */
  --ease:cubic-bezier(.2,.7,.2,1);        /* DEFAUT : reveals, hovers, transitions */
  --ease-fn:cubic-bezier(.4,0,.2,1);      /* fonctionnel : curseur/boites de selection */
  --ease-pop:cubic-bezier(.34,1.56,.64,1);/* overshoot : pop du # (moment signature) */
  --ease-spring:cubic-bezier(.2,1.3,.4,1);/* ressort : relache du bouton magnetique */
}