/* ============================================================
   INFINI Stratégies — Typography tokens
   Display: Anton (ultra-condensed, ALL CAPS, tight) — used big.
   Text/UI: Archivo (grotesque). Headlines are loud and compressed;
   body is calm, neutral, set generously.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Anton', 'Arial Narrow', 'Oswald', sans-serif;
  --font-sans:    'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Weights (Archivo) ---- */
  --fw-regular:   400; /* @kind other */
  --fw-medium:    500; /* @kind other */
  --fw-semibold:  600; /* @kind other */
  --fw-bold:      700; /* @kind other */
  --fw-extrabold: 800; /* @kind other */
  --fw-black:     900; /* @kind other */

  /* ---- Type scale (modular ~1.28, rem) ---- */
  --text-2xs: 0.6875rem;  /* 11px — labels                */
  --text-xs:  0.75rem;    /* 12px — fine print            */
  --text-sm:  0.875rem;   /* 14px — secondary UI          */
  --text-base:1rem;       /* 16px — body                  */
  --text-md:  1.125rem;   /* 18px — lead body             */
  --text-lg:  1.375rem;   /* 22px                         */
  --text-xl:  1.75rem;    /* 28px                         */
  --text-2xl: 2.25rem;    /* 36px                         */
  --text-3xl: 3rem;       /* 48px                         */
  --text-4xl: 4rem;       /* 64px  — display              */
  --text-5xl: 5.5rem;     /* 88px  — hero display         */
  --text-6xl: 7.5rem;     /* 120px — marquee / oversized  */

  /* ---- Line heights ---- */
  --leading-none:    1;
  --leading-display: 0.92;  /* Anton display — single or multi-line, always 0.92 */
  --leading-tight:   1.12;
  --leading-snug:    1.3;
  --leading-normal:  1.55;
  --leading-relaxed: 1.7;

  /* ---- Letter-spacing ---- */
  --tracking-tightest: -0.03em;
  --tracking-tight:    -0.01em;
  --tracking-normal:   0;
  --tracking-wide:     0.04em;
  --tracking-wider:    0.12em;   /* eyebrow / overline / UI labels */
  --tracking-widest:   0.24em;   /* spaced "C O N T A C T" labels  */

  /* ---- Semantic roles ---- */
  --font-eyebrow: var(--fw-bold) var(--text-2xs)/1 var(--font-sans);
  --font-body:    var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --font-lead:    var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
}