/* ============================================================
   HELEA — TYPOGRAPHY TOKENS
   Wide, clean, authoritative headings. Legible, uncompressed body
   with generous leading. Avoid small text and dense paragraphs.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Archivo', 'Acumin Variable Concept', 'Inter', Arial, system-ui, sans-serif;
  --font-body:    'Hanken Grotesk', 'Acumin Variable Concept', 'Inter', Arial, system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-black:   900; /* @kind font */

  /* ---- Fluid display scale (headings) ---- */
  --fs-display:  clamp(48px, 6vw, 84px);  /* @kind font */
  --fs-h1:       clamp(40px, 5vw, 64px);  /* @kind font */
  --fs-h2:       clamp(30px, 3.6vw, 46px);/* @kind font */
  --fs-h3:       clamp(22px, 2.2vw, 28px);/* @kind font */
  --fs-h4:       20px; /* @kind font */

  /* ---- Body scale ---- */
  --fs-lead:     19px;   /* @kind font */
  --fs-body:     16px;   /* @kind font */
  --fs-body-sm:  14px;   /* @kind font */
  --fs-caption:  13px;   /* @kind font */
  --fs-eyebrow:  12px;   /* @kind font */

  /* ---- Line heights ---- */
  --lh-display:  0.98;   /* @kind font */
  --lh-heading:  1.06;   /* @kind font */
  --lh-snug:     1.3;    /* @kind font */
  --lh-body:     1.62;   /* @kind font */
  --lh-relaxed:  1.7;    /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.035em; /* @kind font */
  --ls-heading:  -0.02em;  /* @kind font */
  --ls-body:     0;        /* @kind font */
  --ls-eyebrow:  0.14em;   /* @kind font */
  --ls-wordmark: 0.16em;   /* @kind font */
}