/* ============================================================
   32 PROYECTOS — Typography tokens
   Display: Bricolage Grotesque (tight, balanced, -0.02em).
   Body:    Hanken Grotesk, 17px / 1.6.
   Mono:    Space Mono — eyebrows, dimensions, prices, legal.
   Font families themselves live in fonts.css.
   ============================================================ */

:root {
  /* — Weights — */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* — Body — */
  --text-base: 17px; /* @kind font */
  --leading-body: 1.6; /* @kind font */

  /* — Fluid display scale (used by h1–h4 + hero/section heads) — */
  --fs-hero: clamp(36px, 6vw, 76px) /* @kind font */;   /* hero titles */
  --fs-h1: clamp(34px, 5.5vw, 70px) /* @kind font */;   /* page h1 */
  --fs-h2: clamp(28px, 4vw, 50px) /* @kind font */;     /* section heads */
  --fs-h3: clamp(22px, 2.6vw, 32px) /* @kind font */;   /* card / block heads */
  --fs-h4: 19px; /* @kind font */                      /* small heads */
  --fs-lead: clamp(16px, 1.4vw, 19px) /* @kind font */; /* section lead paragraphs */
  --fs-small: 15px; /* @kind font */
  --fs-eyebrow: 12px; /* @kind font */

  /* — Tracking — */
  --tracking-display: -0.02em; /* @kind font */
  --tracking-eyebrow: 0.18em; /* @kind font */
  --tracking-meta: 0.06em; /* @kind font */
}