/* ============================================================
   Jazak Agent — Typographie
   Display : Sora (géométrique) · Corps : Hanken Grotesk · Mono : Space Mono
   Polices chargées via Google Fonts CDN (voir styles.css @import).
   Pairing « Néo-corporate » : technicité + lisibilité.
   ============================================================ */

:root {
  /* Familles */
  --font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "Space Mono", "SF Mono", ui-monospace, Menlo, monospace;

  /* Graisses */
  --fw-regular:  400;  /* @kind font */
  --fw-medium:   500;  /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold:     700;  /* @kind font */
  --fw-extrabold:800;  /* @kind font */

  /* Échelle typographique (rem, base 16px) — display fluide via clamp */
  --text-2xs: 0.6875rem;  /* 11px */
  --text-xs:  0.75rem;    /* 12px */
  --text-sm:  0.875rem;   /* 14px */
  --text-base:1rem;       /* 16px */
  --text-md:  1.125rem;   /* 18px */
  --text-lg:  1.375rem;   /* 22px */
  --text-xl:  1.75rem;    /* 28px */
  --text-2xl: 2.25rem;    /* 36px */
  --text-3xl: clamp(2.5rem, 4vw, 3.5rem);    /* 40 → 56 */
  --text-4xl: clamp(3rem, 6vw, 4.75rem);     /* 48 → 76 */

  /* Interlignage */
  --leading-tight:   1.06;
  --leading-snug:    1.20;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* Espacement des lettres */
  --tracking-tight:  -0.025em;
  --tracking-snug:   -0.015em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.14em;   /* eyebrows / surtitres mono */

  /* Rôles sémantiques */
  --display-family:  var(--font-display);
  --display-weight:  var(--fw-bold);
  --display-tracking:var(--tracking-tight);

  --heading-family:  var(--font-display);
  --heading-weight:  var(--fw-semibold);

  --body-family:     var(--font-sans);
  --body-weight:     var(--fw-regular);
  --body-leading:    var(--leading-relaxed);

  --eyebrow-family:  var(--font-mono);
  --eyebrow-weight:  var(--fw-regular);
  --eyebrow-tracking:var(--tracking-caps);
  --eyebrow-size:    var(--text-xs);
}