/* ============================================================
   akt — Design tokens (charte graphique)
   Source : akt-Charte-Graphique.md
   ============================================================ */
:root {
  /* ---- Couleurs charte ---- */
  --green:        #005A4F;   /* Vert akt — primaire */
  --green-deep:   #003F38;   /* Vert profond — fonds sombres, hover */
  --green-light:  #1A7A6D;   /* Vert clair — accents, dégradés */
  --white:        #FFFFFF;
  --gray-100:     #F4F5F4;   /* Gris clair — sections alternées */
  --line:         #D9DDDA;   /* Gris ligne — bordures, séparateurs */
  --ink:          #1A1A1A;   /* Noir doux — texte courant */

  /* ---- Dérivés utiles ---- */
  --ink-60:       rgba(26, 26, 26, 0.6);
  --ink-40:       rgba(26, 26, 26, 0.4);
  --white-70:     rgba(255, 255, 255, 0.7);
  --white-45:     rgba(255, 255, 255, 0.45);
  --green-tint:   #EAF1EF;   /* vert très pâle pour fonds doux */

  /* ---- Typographie ---- */
  --font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fw-black: 900;
  --fw-xbold: 800;
  --fw-bold:  700;
  --fw-med:   500;
  --fw-reg:   400;

  /* Échelle typo (clamp = fluide) */
  --fs-display: clamp(2.8rem, 9vw, 8.5rem);   /* hero / grands titres — plus ample pour matcher 138px @1440 */
  --fs-h1:      clamp(2.3rem, 5vw, 4rem);
  --fs-h2:      clamp(1.9rem, 3.6vw, 3rem);
  --fs-h3:      clamp(1.3rem, 2vw, 1.7rem);
  --fs-lead:    clamp(1.15rem, 1.6vw, 1.5rem);
  --fs-body:    1.05rem;
  --fs-sm:      0.9rem;
  --fs-xs:      0.78rem;

  /* ---- Layout ---- */
  --container:        1240px;
  --container-narrow: 820px;
  --gutter:           clamp(1.25rem, 4vw, 2.5rem);
  --section-y:        clamp(4.5rem, 9vw, 8rem);

  /* ---- Rayons / ombres ---- */
  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 20px;
  --shadow-sm: 0 6px 20px rgba(0, 63, 56, 0.08);
  --shadow:    0 20px 50px rgba(0, 63, 56, 0.12);

  /* ---- Transitions ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.25s var(--ease);
  --t:      0.4s var(--ease);
}
