/* =============================================================
   TOKENS — Bastien Daxhelet
   Direction : 70 % Editorial Creative Grid · 30 % Minimal Premium
   Un seul endroit pour la couleur, la typo, la grille, le rythme.
   ============================================================= */

:root {
  /* ---- Couleur ------------------------------------------------
     Palette volontairement courte : papier, encre, un aplat chaud,
     un seul accent. L'accent ne doit jamais apparaitre plus de
     3 ou 4 fois dans la page.                                    */
  --paper:        #F1EFE8;
  --paper-raised: #FBFAF6;
  --paper-shade:  #E5E1D5;
  --ink:          #0E0F10;
  --ink-deep:     #08090A;
  --ink-invert:   #F4F2EB;
  --muted:        #5A5D58;
  --muted-invert: #9DA09B;
  --line:         #C6C3B6;
  --line-soft:    rgba(14, 15, 16, 0.13);
  --line-invert:  rgba(244, 242, 235, 0.37);
  --signal:       #D8F249;

  /* ---- Typographie -------------------------------------------- */
  --font-sans:  "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --t-display: clamp(2.75rem, 10.2vw, 8.75rem);
  --t-h2:      clamp(2.5rem, 7vw, 6rem);
  --t-h3:      clamp(1.75rem, 3.6vw, 3.1rem);
  --t-h4:      clamp(1.3rem, 1.9vw, 1.75rem);
  --t-quote:   clamp(1.6rem, 3.2vw, 2.9rem);
  --t-lead:    clamp(1.1rem, 1.75vw, 1.55rem);
  --t-body:    clamp(0.95rem, 1vw, 1.0625rem);
  --t-small:   0.8125rem;
  --t-micro:   0.6875rem;

  --track-display: -0.055em;
  --track-tight:   -0.035em;
  --track-label:    0.16em;

  --lh-display: 0.96;
  --lh-tight:   1;
  --lh-body:    1.5;

  /* ---- Grille -------------------------------------------------- */
  --shell-max:  1360px;
  --shell-pad:  clamp(1rem, 4vw, 3.25rem);
  --shell:      min(100% - (var(--shell-pad) * 2), var(--shell-max));
  --gutter:     clamp(0.5rem, 0.9vw, 0.875rem);

  /* ---- Rythme vertical ----------------------------------------- */
  --space-section: clamp(4.5rem, 11vw, 9.5rem);
  --space-block:   clamp(1.5rem, 3vw, 2.75rem);
  --pad-card:      clamp(1.25rem, 2.2vw, 2rem);

  /* ---- Divers --------------------------------------------------- */
  --radius:      14px;
  --radius-sm:   10px;

  --border:      1px solid var(--ink);
  --border-soft: 1px solid var(--line);
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:         0.5s;
}