/* LIFE — Conseil RH · Color tokens
   Warm, editorial palette: sage greens + terracotta on cream.
   Base values first, then semantic aliases. */
:root {
  /* --- Base palette --- */
  /* Greens (sage / nature / calm) */
  --vert:        #7FA870;  /* primary green */
  --vert-fonce:  #4E7A40;  /* deep green — headings accents, dark section bg */
  --vert-pale:   #D6E8CD;  /* pale green — tag bg, quote marks */
  --vert-bg:     #B2C6AA;  /* muted green — hero visual panel, highlight blocks */

  /* Beiges / creams (background warmth) */
  --beige:       #F5EDE0;  /* section beige */
  --beige-clair: #FAF5EE;  /* lightest cream */
  --beige-fonce: #E8D8C4;  /* borders, dividers */
  --blanc:       #FDFAF6;  /* off-white page background */

  /* Terracotta (energy / calls to action) */
  --terra:       #C4703A;  /* primary accent — CTAs, italic emphasis */
  --terra-fonce: #A85A2A;  /* terracotta hover */
  --terra-pale:  #F0DDD0;  /* pale terracotta — tag bg, icon circles */
  --terra-or:    #D4A978;  /* warm gold — emphasis on dark backgrounds */

  /* Ink / text */
  --brun:        #3E2A1A;  /* deep brown — footer background */
  --texte:       #2A2218;  /* primary text */
  --texte-doux:  #6B5A46;  /* secondary / muted text */

  /* --- Semantic aliases --- */
  --surface-page:      var(--blanc);
  --surface-beige:     var(--beige);
  --surface-card:      var(--blanc);
  --surface-dark:      var(--vert-fonce);
  --surface-footer:    var(--brun);
  --surface-highlight: var(--vert-bg);

  --text-body:      var(--texte);
  --text-muted:     var(--texte-doux);
  --text-heading:   var(--texte);
  --text-on-dark:   var(--blanc);
  --text-on-dark-muted: rgba(253, 250, 246, 0.65);

  --accent:         var(--terra);
  --accent-hover:   var(--terra-fonce);
  --accent-2:       var(--vert-fonce);
  --accent-gold:    var(--terra-or);

  --border:         var(--beige-fonce);
  --border-strong:  var(--vert);

  /* Tag palettes */
  --tag-green-bg:   var(--vert-pale);
  --tag-green-fg:   var(--vert-fonce);
  --tag-terra-bg:   var(--terra-pale);
  --tag-terra-fg:   var(--terra);
}

/* LIFE — Conseil RH · Typography tokens
   Playfair Display (editorial serif headings) · Dancing Script (handwritten eyebrow accents)
   · DM Sans (clean humanist body). */
:root {
  /* --- Families --- */
  --font-serif:  'Playfair Display', Georgia, 'Times New Roman', serif;  /* display headings */
  --font-script: 'Dancing Script', 'Segoe Script', cursive;             /* eyebrows / signature */
  --font-sans:   'DM Sans', -apple-system, 'Segoe UI', sans-serif;       /* body / UI */

  /* --- Weights --- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    900; /* @kind font */

  /* --- Type scale (fluid where the source uses clamp) --- */
  --fs-hero:     clamp(2.8rem, 4.5vw, 4.4rem); /* @kind font */
  --fs-h2:       clamp(2rem, 3.5vw, 3rem);      /* @kind font */
  --fs-h3:       1.25rem; /* @kind font */
  --fs-h4:       1.1rem;  /* @kind font */
  --fs-stat:     2.8rem;  /* @kind font */
  --fs-stat-xl:  4rem;    /* @kind font */
  --fs-lead:     1.05rem; /* @kind font */
  --fs-body:     0.95rem; /* @kind font */
  --fs-base:     1rem;    /* @kind font */
  --fs-sm:       0.85rem; /* @kind font */
  --fs-xs:       0.78rem; /* @kind font */
  --fs-eyebrow:  1.3rem;  /* @kind font */

  /* --- Line heights --- */
  --lh-tight:    1.1;  /* @kind font */
  --lh-snug:     1.5;  /* @kind font */
  --lh-body:     1.7;  /* @kind font */
  --lh-loose:    1.85; /* @kind font */

  /* --- Letter spacing --- */
  --ls-label:    0.09em; /* @kind font */
  --ls-wide:     0.05em; /* @kind font */
}

/* LIFE — Conseil RH · Spacing, radii, shadows, layout tokens */
:root {
  /* --- Radii --- */
  --r-sm:   4px;    /* small elements */
  --r-lg:   10px;   /* cards, inputs, panels */
  --r-pill: 2rem;   /* buttons, tags */
  --r-full: 50%;    /* avatars, icon circles */

  /* --- Spacing scale --- */
  --sp-1:   0.4rem;
  --sp-2:   0.8rem;
  --sp-3:   1.2rem;
  --sp-4:   1.5rem;
  --sp-5:   2rem;
  --sp-6:   2.5rem;
  --sp-7:   3rem;
  --sp-8:   3.5rem;
  --sp-9:   5rem;

  /* --- Section rhythm --- */
  --section-py:  6rem;   /* vertical section padding (desktop) */
  --section-px:  4rem;   /* horizontal section padding (desktop) */
  --inner-max:   1100px; /* max content width */
  --grid-gap:    5rem;   /* two-column section gap */

  /* --- Shadows --- */
  --shadow-card-hover: 0 12px 32px rgba(78, 122, 64, 0.14); /* green-tinted card lift */
  --shadow-illustration: 4px 0 18px rgba(59, 80, 30, 0.18);

  /* --- Transitions --- */
  --t-fast:  0.15s; /* @kind other */
  --t-base:  0.2s;  /* @kind other */
  --t-slow:  0.35s; /* @kind other */
  --ease:    ease;  /* @kind other */
}