/* =============================================================================
   Reverchon'Digital — Espacements, rayons, ombres, mouvement
   Généreux, arrondi, doux : grands rayons, ombres chaudes, transitions souples.
   ========================================================================== */

:root {
  /* ---- Espacements (base 4px) ---------------------------------------- */
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.25rem;  /* 20 */
  --space-6:  1.5rem;   /* 24 */
  --space-8:  2rem;     /* 32 */
  --space-10: 2.5rem;   /* 40 */
  --space-12: 3rem;     /* 48 */
  --space-16: 4rem;     /* 64 */
  --space-20: 5rem;     /* 80 */

  /* ---- Rayons (marque très arrondie) --------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-card: 22px;
  --radius-pill: 999px;

  /* ---- Ombres (teinte encre chaude, douces) -------------------------- */
  --shadow-xs:    0 1px 2px rgba(19, 19, 19, 0.06);
  --shadow-sm:    0 4px 14px rgba(46, 26, 14, 0.06);
  --shadow-md:    0 12px 32px rgba(46, 26, 14, 0.07), 0 2px 6px rgba(46, 26, 14, 0.04);
  --shadow-lg:    0 18px 44px rgba(46, 26, 14, 0.12), 0 4px 10px rgba(46, 26, 14, 0.05);
  --shadow-brand: 0 8px 18px rgba(119, 23, 10, 0.22);
  --shadow-rail:  0 26px 54px rgba(20, 10, 6, 0.34);

  /* ---- Mouvement ------------------------------------------------------ */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   140ms;
  --dur-normal: 220ms;
  --dur-slow:   400ms;

  /* ---- Mise en page --------------------------------------------------- */
  --container-md:  860px;
  --container-lg:  1120px;
  --rail-width:    84px;   /* largeur du rail flottant de gauche (desktop) */
}