/* ==========================================================================
   Tamnature — Design tokens
   "La Cueillette Sauvage"
   ========================================================================== */

:root {
  /* --- Palette "Cueillette Sauvage" ------------------------------------ */
  --c-safran:        #E5B548;  /* jaune safran doux — accent chaud */
  --c-safran-soft:   #F2D38A;
  --c-or-ancien:     #C99449;  /* or ancien */
  --c-vert-herbe:    #6B8E4E;  /* vert herbe sauvage */
  --c-vert-fonce:    #3E5A2E;  /* texte sur fond clair */
  --c-vert-mousse:   #A9BD86;
  --c-lin:           #EFE6D2;  /* lin brut — fond principal */
  --c-lin-clair:     #F6EFDD;
  --c-lin-fonce:     #D9CDB1;
  --c-encre:         #2A2418;  /* "noir" terre */
  --c-blanc-creme:   #FBF6EA;
  --c-cire:          #B0492E;  /* rouge cire à cacheter */
  --c-cire-dark:     #8A3621;

  /* --- Typographie ----------------------------------------------------- */
  --font-display: "Clash Display", "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Poppins", "Cabinet Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-nav:     "Cormorant Garamond", "Fraunces", Georgia, serif;  /* menu — serif chic */

  --fs-hero:  clamp(2.5rem, 6.2vw, 5.25rem);
  --fs-h1:    clamp(2.1rem, 4.5vw, 3.5rem);
  --fs-h2:    clamp(1.7rem, 3.4vw, 2.6rem);
  --fs-h3:    clamp(1.25rem, 2vw, 1.55rem);
  --fs-body:  1.0625rem;
  --fs-small: 0.9rem;

  --lh-tight: 1.15;
  --lh-body:  1.65;

  --tracking-display: -0.015em;
  --tracking-eyebrow: 0.18em;

  /* --- Espacements (échelle 4) ---------------------------------------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8rem;

  /* --- Rayons & ombres ------------------------------------------------ */
  --radius-soft: 14px;
  --radius-card: 22px;
  --radius-pill: 999px;

  --shadow-warm:    0 12px 32px -16px rgba(101, 67, 18, 0.25);
  --shadow-card:    0 24px 60px -28px rgba(62, 90, 46, 0.35);
  --shadow-card-h:  0 32px 70px -22px rgba(62, 90, 46, 0.45);

  /* --- Transitions ---------------------------------------------------- */
  --ease-soft: cubic-bezier(0.22, 0.8, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);  /* rebond doux & ludique */
  --t-fast: 240ms;
  --t-mid:  600ms;
  --t-slow: 1200ms;

  /* --- Layout --------------------------------------------------------- */
  --max-w:        1240px;
  --max-w-prose:  68ch;
  --header-h:     72px;
}