/* ==========================================================================
   GREEN DIGITAL — JETONS DU SITE
   Copie synchronisée de brand-book/assets/tokens.css + l'extension d'échelle
   de brand-book/assets/editorial.css. Ne pas diverger de ces deux fichiers :
   toute nouvelle valeur doit d'abord être décidée dans le brand book.
   ========================================================================== */

:root {

  /* --- COULEUR — palette de marque -------------------------------------
     Huit valeurs. Il n'y en aura jamais une neuvième sans décision écrite. */

  --gd-ink:      #0B0F0D;
  --gd-graphite: #141A17;
  --gd-slate:    #5F6A65;
  --gd-smoke:    #7E8A84;
  --gd-bone:     #F5F6F3;
  --gd-white:    #FFFFFF;
  --gd-forest:   #0B5C42;
  --gd-signal:   #1FD68F;

  --surface-0:      var(--gd-ink);
  --surface-1:      #141A17;
  --surface-2:      #1A211D;
  --border:         #232B27;
  --border-strong:  #2E3833;

  --text-1: var(--gd-bone);
  --text-2: #8A948E;
  --text-3: var(--gd-smoke);

  --structure: var(--gd-slate);

  --sys-danger:  #E5484D;
  --sys-warning: #E3A13C;

  --u: 4px;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10:128px;
  --space-11: 192px;
  --space-12: 256px;

  --r-sm:  4px;
  --r-md:  8px;
  --r-lg: 12px;
  --r-xl: 16px;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --t-xs:   12px;
  --t-sm:   14px;
  --t-base: 16px;
  --t-md:   20px;
  --t-lg:   25px;
  --t-xl:   31px;
  --t-2xl:  39px;
  --t-3xl:  49px;
  --t-4xl:  61px;
  --t-5xl:  clamp(49px,  8vw,  76px);
  --t-6xl:  clamp(61px, 12vw, 119px);

  --lh-tight: 1.15;
  --lh-snug:  1.25;
  --lh-base:  1.7;

  --tr-tight:   -0.03em;
  --tr-snug:    -0.02em;
  --tr-normal:   0;
  --tr-label:    0.14em;
  --tr-mark:     0.10em;
  --tr-display: -0.04em;

  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --dur-reveal: 800ms;
  --stagger:   60ms;
  --ease: cubic-bezier(.2, 0, 0, 1);

  --cell:      12px;
  --cell-gap:   3px;
  --cell-r:     2px;

  --em-side:      64;
  --em-stroke:     4;
  --em-radius:    12;
  --em-window:    18;
  --em-window-r:   2;
  --em-x:         29;
  --em-y:         16;
  --em-clear:   0.28;
}