/* ============================================================
   01 — VARIABLES (V15 "Jardin frais")
   Palette 4 saisons — vert forêt, vert sauge, jaune miel, crème
   ============================================================ */
:root {
  /* === COULEURS === */
  --cream-warm:       #FFF6C0;  /* fond du site — crème légère         */
  --cream-soft:       #FFFFFF;  /* fond des cartes recettes            */
  --cream-edge:       #7FB77E;  /* bordures — vert sauge               */
  --ink:              #1C1410;  /* texte principal (brun chaud)        */
  --ink-warm:         #5C4A3E;  /* texte secondaire                    */
  --ink-faint:        #6B5A4C;  /* meta, captions (WCAG AA 5.8:1)      */

  --basil:            #2F6B3F;  /* ★ PRIMARY — vert forêt, logo, CTA  */
  --basil-deep:       #1F4F2F;  /* hover                               */
  --basil-glow:       rgba(47, 107, 63, 0.10);

  --sage:             #7FB77E;  /* vert sauge, sections, cartes        */
  --sage-deep:        #5E8F5D;  /* hover                               */
  --sage-glow:        rgba(127, 183, 126, 0.10);

  --lemon:            #F7C85C;  /* ★ ACCENT — jaune miel, boutons      */
  --lemon-deep:       #E8B84A;  /* hover bouton principal               */
  --lemon-light:      #FDEBA0;  /* glow                                */
  --lemon-glow:       rgba(247, 200, 92, 0.12);

  /* === TYPOGRAPHIE === */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-hand:    'Caveat', cursive;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* === ESPACEMENTS === */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* === BORDER === */
  --border-ink:     1px solid var(--ink);
  --border-ink-2:   1.5px solid var(--ink);
  --border-parchment: 1px solid var(--parchment-edge);

  /* === RADIUS === */
  --r-sm:    6px;
  --r-md:    10px;
  --r-lg:    14px;
  --r-xl:    18px;
  --r-card:  16px;
  --r-pill:  100px;

  /* === OMBRES DOUCES === */
  --shadow-sm:     0 2px 8px  rgba(30, 22, 18, 0.06);
  --shadow-md:     0 4px 16px rgba(30, 22, 18, 0.08);
  --shadow-lg:     0 8px 32px rgba(30, 22, 18, 0.10);
  --shadow-xl:     0 12px 48px rgba(30, 22, 18, 0.12);
  --shadow-soft:   0 8px 30px rgba(30, 22, 18, 0.06);
  --shadow-soft-lg: 0 16px 48px rgba(30, 22, 18, 0.08);

  /* === EASINGS === */
  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-snap:    cubic-bezier(0.16, 1, 0.3, 1);

  /* === DURÉES === */
  --t-fast:    0.15s;
  --t-base:    0.3s;
  --t-med:     0.5s;
  --t-slow:    0.7s;
  --t-glacial: 1.2s;

  /* === LAYOUT === */
  --max-w:         1200px;
  --max-w-content: 720px;
  --max-w-text:    640px;
  --max-w-narrow:  840px;
  --max-w-mid:    1080px;
  --max-w-wide:   1200px;
  --max-w-full:   1440px;

  /* === Z-INDEX === */
  --z-content:         1;
  --z-topbar:          100;
  --z-mobile-panel:    999;
  --z-mobile-overlay:  998;
  --z-search-panel:   1001;
  --z-search-overlay: 1000;
  --z-tooltip:       9999;

  /* === BACKWARD-COMPAT ALIASES === */
  --parchment:          var(--cream-warm);
  --parchment-soft:     var(--cream-soft);
  --parchment-edge:     var(--cream-edge);
  --ink-soft:           var(--ink-warm);
  --moss:               var(--basil);
  --honey:              var(--lemon);
  --honey-light:        var(--lemon-light);
  --honey-glow:         var(--lemon-glow);
  --sky:                var(--sage);
  --tomato:             #A8442C;  /* terracotta (WCAG AA 5.4:1 sur crème)  */
  --tomato-deep:        #82301C;  /* hover                                    */
  --tomato-glow:        rgba(168, 68, 44, 0.10);
  --rosemary:           var(--sage);        /* ancien romarin → sauge   */
  --rosemary-deep:      var(--sage-deep);

  --paper:              var(--cream-warm);
  --paper-soft:         var(--cream-soft);
  --paper-edge:         var(--cream-edge);
  --space-4:            var(--sp-4);
  --space-5:            var(--sp-5);
  --space-8:            var(--sp-8);
  --ease-soft:          var(--ease-out);
  --font-marker:        var(--font-hand);
  --shadow-sticker:     var(--shadow-md);
  --shadow-sticker-sm:  var(--shadow-sm);
  --shadow-sticker-xl:  var(--shadow-xl);
}