:root {
  /* ═══ TYPOGRAPHIE ═══════════════════════════════════════════ */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-hero: clamp(2.6rem, 7vw, 5.5rem);
  --text-h1:   clamp(2rem, 4.5vw, 3.4rem);
  --text-h2:   clamp(1.5rem, 2.8vw, 2.2rem);
  --text-h3:   clamp(1.15rem, 1.8vw, 1.5rem);
  --text-lead: clamp(1rem, 1.3vw, 1.2rem);

  /* ═══ COULEURS — "Organic Premium" ═══════════════════════════ */
  --cream:        #F7F3EC;
  --cream-dark:   #EDE7DA;
  --white:        #FDFCFA;
  --sage:         #3D5A4A;
  --sage-mid:     #5C7A68;
  --sage-light:   #A8BFB3;
  --sage-pale:    #DDE8E3;
  --gold:         #B5935A;
  --gold-light:   #D4B483;
  --gold-pale:    #F0E4CC;
  --ink:          #1C2520;
  --ink-mid:      #4A5550;
  --ink-light:    #8A9590;
  --forest:       #2A3B2F;
  --success:      #2D6A4F;
  --error:        #9B2335;

  /* ═══ EFFETS ═════════════════════════════════════════════════ */
  --shadow-sm:   0 1px 3px rgba(28,37,32,.06), 0 1px 2px rgba(28,37,32,.04);
  --shadow-md:   0 4px 16px rgba(28,37,32,.08), 0 2px 6px rgba(28,37,32,.05);
  --shadow-lg:   0 12px 40px rgba(28,37,32,.10), 0 4px 12px rgba(28,37,32,.06);
  --shadow-gold: 0 4px 24px rgba(181,147,90,.22);

  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 0.3s;

  --max-w:     1280px;
  --content-w: 720px;
}