/* ═══════════════════════════════════════════════════
   Fleuriste — Variables & tokens de design
   Palette : rose poudré · vert mousse · crème ivoire
   ═══════════════════════════════════════════════════ */

:root {
  /* Couleurs */
  --rose:         #c9918e;
  --rose-dark:    #a06866;
  --rose-deep:    #7d4f4d;
  --rose-light:   #e8c4c2;
  --rose-pale:    #fdf0ef;
  --vert:         #6b8c6b;
  --vert-dark:    #4a6048;
  --vert-light:   #b0c8a8;
  --creme:        #faf7f2;
  --beige:        #f0e8dc;
  --beige-dark:   #ddd0c0;
  --brun:         #6b5a4e;
  --noir:         #1a1916;
  --gris:         #8a8070;
  --gris-light:   #c8c0b4;
  --blanc:        #ffffff;

  /* Typo */
  --ff-display:   'Cormorant Garamond', 'Georgia', serif;
  --ff-body:      'Poppins', sans-serif;

  /* Layout */
  --section-pad:  clamp(80px, 10vw, 140px);
  --container:    1280px;

  /* Border radius */
  --radius:       12px;
  --radius-lg:    24px;
  --radius-pill:  100px;

  /* Ombres */
  --shadow-sm:    0 2px 12px rgba(26,25,22,0.08);
  --shadow-md:    0 8px 32px rgba(26,25,22,0.12);
  --shadow-lg:    0 24px 64px rgba(26,25,22,0.18);

  /* Transitions */
  --t:            0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --t-slow:       0.65s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-index */
  --z-header:     100;
  --z-overlay:    200;
  --z-cart:       300;
  --z-modal:      400;
}