/* ============================================
   Par le Pied — Tokens de design v2
   Type, espace, couleurs, ombres, motion.
   Importé en premier, fournit les fallbacks
   pour style.css, calendar.css, admin.css.
   ============================================ */

:root {
  /* ------------------------------------------
     Palette extraite du logo
     (verts aquarelle, rose poudré, vert profond
     pour l'écriture / actions)
     ------------------------------------------ */
  --green-deep:   #2a6b50;   /* vert profond — actions, titres */
  --green-ink:    #1f4e3b;   /* hover, accents lourds */
  --green-sage:   #7aab92;   /* vert moyen */
  --green-mist:   #c8ddd0;   /* vert pâle, bordures, surfaces */
  --green-veil:   #eaf3ec;   /* vert très pâle, fonds */
  --green-paper:  #f3f8f4;   /* fond de section vert */

  /* Compat anciens noms (utilisés par calendar.css / admin.css existants) */
  --green-dark:   var(--green-deep);
  --green-mid:    var(--green-sage);
  --green-light:  var(--green-mist);
  --green-pale:   var(--green-veil);

  /* Accents chauds (extraits du logo) */
  --rose:         #c98a9b;   /* rose poudré du wordmark */
  --rose-soft:    #f3e3e7;
  --gold-soft:    #e8dfc8;   /* jaune-vert pâle de l'aquarelle */

  /* Encre & papier */
  --ink:          #2b2a26;
  --ink-2:        #4a4a44;
  --muted:        #7a7a72;
  --rule:         #e6e3da;

  --paper:        #faf8f3;   /* fond principal, blanc tiré vers chaud */
  --paper-2:      #f4f1e9;   /* contraste subtil */
  --card:         #ffffff;

  /* Compat */
  --bg:           var(--paper);
  --surface:      var(--card);
  --text:         var(--ink);
  --text-muted:   var(--muted);
  --pink:         var(--rose);

  /* ------------------------------------------
     Type — base 17px pour 35-70 ans,
     sans descendre sous 14px nulle part.
     ------------------------------------------ */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans:  'Inter', 'Lato', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  --fs-xs:   14px;   /* labels, captions — jamais en-dessous */
  --fs-sm:   15px;
  --fs-base: 17px;
  --fs-md:   19px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  36px;
  --fs-3xl:  48px;
  --fs-4xl:  64px;   /* hero desktop */

  --lh-tight:  1.15;
  --lh-snug:   1.35;
  --lh-normal: 1.55;
  --lh-loose:  1.75;

  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.16em;

  /* ------------------------------------------
     Espace
     ------------------------------------------ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* ------------------------------------------
     Forme
     ------------------------------------------ */
  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ------------------------------------------
     Ombres — chaudes, jamais bleues
     ------------------------------------------ */
  --shadow-1: 0 1px 2px rgba(60, 50, 30, 0.04),
              0 1px 1px rgba(60, 50, 30, 0.03);
  --shadow-2: 0 4px 16px rgba(42, 107, 80, 0.08),
              0 1px 2px rgba(42, 107, 80, 0.05);
  --shadow-3: 0 16px 48px rgba(42, 107, 80, 0.12),
              0 2px 6px rgba(42, 107, 80, 0.06);

  /* ------------------------------------------
     Motion
     ------------------------------------------ */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 140ms;
  --dur:      220ms;
  --dur-slow: 360ms;

  /* ------------------------------------------
     Layout
     ------------------------------------------ */
  --container: 1080px;
  --container-narrow: 760px;
}

/* ============================================
   Iconographie SVG — pictogrammes stroke 1.5,
   currentColor, square viewbox 24.
   Réutilisables via <svg class="icon"><use href="#icon-leaf"/></svg>
   ============================================ */
.icon {
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.125em;
  flex-shrink: 0;
}