/* ============================================================
   Tokens — Jonas Hangartner site-v2
   Source palette : homepage-v6r.html
   Échelles     : site.css existant (conservées)
   Charger EN PREMIER, avant tout autre CSS.
   ============================================================ */

:root {
  /* ── Fonds ─────────────────────────────────────────────── */
  --paper:        #f7f8f7;
  --paper-rgb:    247 248 247;
  --paper-50:     #f2f4f3;

  /* ── Filets / bordures ─────────────────────────────────── */
  --rule:         #e2e5e4;
  --rule-strong:  #b6bdbb;

  /* ── Hiérarchie Ink (texte sur fond clair) ─────────────── */
  --ink:          #1a2028;
  --ink-body:     #2d3944;
  --ink-muted:    #55636f;
  --ink-quiet:    #8794a0;

  /* ── Inverse (texte sur fond sombre / lightbox) ─────────── */
  --fg-on-dark:   #f2f5f4;
  --night:        #0e1319;

  /* ── Gradient signature spectral ───────────────────────── */
  --grad-from:    #587b91;
  --grad-to:      #6a4a55;
  --grad:         linear-gradient(90deg, var(--grad-from), var(--grad-to));
  --grad-135:     linear-gradient(135deg, var(--grad-from), var(--grad-to));

  /* ── Glow (effets pointer / radial) ────────────────────── */
  --glow-rgb-a:   88 123 145;
  --glow-rgb-b:   106 74 85;

  /* ── Spectre visible (slider spectral) ─────────────────── */
  --spectrum-0:   #4b1e5e;
  --spectrum-1:   #1e4f8f;
  --spectrum-2:   #1d8570;
  --spectrum-3:   #c9a227;
  --spectrum-4:   #c85a1e;
  --spectrum-5:   #8a1c1c;
  --spectrum-6:   #3a0f17;
  --spectrum-7:   #12080c;

  /* ── Typographie ───────────────────────────────────────── */
  --font:         'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', 'Roboto Mono', Menlo, monospace;

  /* ── Échelle de taille (fluid) ──────────────────────────── */
  --fs-xs:    clamp(11px, 0.72vw + 0.45rem, 13px);
  --fs-sm:    clamp(13px, 0.82vw + 0.55rem, 15px);
  --fs-base:  clamp(15px, 0.92vw + 0.70rem, 17px);
  --fs-md:    clamp(17px, 1.10vw + 0.80rem, 20px);
  --fs-lg:    clamp(22px, 2.00vw + 0.70rem, 30px);
  --fs-xl:    clamp(32px, 3.50vw + 0.80rem, 52px);
  --fs-2xl:   clamp(44px, 6.00vw + 0.80rem, 96px);
  --fs-3xl:   clamp(60px, 9.00vw + 0.80rem, 150px);

  /* ── Espacements ────────────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-8:  3rem;
  --sp-10: 4.5rem;
  --sp-12: 6.5rem;
  --sp-16: 10rem;

  /* ── Layout ─────────────────────────────────────────────── */
  --max-w:   1400px;
  --gutter:  clamp(1.25rem, 3vw, 2.5rem);
  --nav-h:   72px;

  /* ── Easings ────────────────────────────────────────────── */
  --ease:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --easing:   cubic-bezier(0.22, 0.61, 0.36, 1); /* alias utilisé dans CSS existant */

  /* ── Durées d'animation ──────────────────────────────────── */
  --dur-1: 180ms;
  --dur-2: 320ms;
  --dur-3: 600ms;
  --dur-4: 1200ms;
}