/* =====================================================================
   variables.css  —  PALETTE & JETONS DE STYLE (accordés au logo)
   =====================================================================
   Couleurs tirées du logo « arbre de vie » : terracotta, or, sarcelle,
   crème, brique. Ambiance : chaude + nature + Zen, look moderne et pro.
   ===================================================================== */

:root {
  /* --- Couleurs de fond --- */
  --cream:            #FBF4E6;   /* fond principal, doux */
  --cream-2:          #F6EAD3;   /* sections alternées */
  --sand:             #EAD7B4;   /* bordures / nuances sable */

  /* --- Couleurs chaudes (accents) --- */
  --gold:             #E3A238;   /* or / soleil */
  --gold-soft:        #F0C978;
  --terracotta:       #C25A2C;   /* accent principal */
  --terracotta-deep:  #A8481F;
  --brick:            #7C3227;   /* rouge brique (silhouettes du logo) */

  /* --- Couleurs nature (sarcelle, allégé) --- */
  --teal:             #4E9AA0;   /* sarcelle plus clair (accent doux) */
  --teal-deep:        #2E7B82;   /* sarcelle moyen (pied de page) — plus léger qu'avant */
  --leaf:             #6BB0A9;   /* accent feuillage clair */

  /* --- Texte (brun chaud, comme l'affiche) --- */
  --ink:              #4A3728;   /* texte & titres : brun chaud, plus doux que le sarcelle foncé */
  --ink-soft:         #7C6A5B;   /* texte secondaire, discret */
  --white:            #FFFFFF;

  /* --- Typographie --- */
  --font-script:  'Dancing Script', cursive;      /* titres manuscrits chaleureux */
  --font-title:   'Poppins', system-ui, sans-serif;
  --font-body:    'Poppins', system-ui, sans-serif;

  /* --- Rayons & ombres (douceur / Zen) --- */
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-soft: 0 10px 30px rgba(124, 50, 39, 0.10);
  --shadow-card: 0 18px 45px rgba(23, 57, 63, 0.12);
  --shadow-btn:  0 8px 20px rgba(194, 90, 44, 0.30);

  /* --- Mise en page --- */
  --max-width: 1360px;
  --gutter: clamp(1.2rem, 4vw, 3rem);
}