/* ── Binodia · Typography ─────────────────────────────────────────
   Space Grotesk = display/headings (tight, geometric).
   Plus Jakarta Sans = body (humanist, readable).
   Space Mono = eyebrows, numbers, meta (technical texture).
   Headings carry NEGATIVE tracking; mono eyebrows carry WIDE tracking. */
:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Plus Jakarta Sans', sans-serif;
  --font-mono:    'Space Mono', monospace;

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

  /* Display scale (fluid) — headings use --font-display, weight 700 */
  --text-hero:   clamp(36px, 5.5vw, 70px); /* H1 hero */
  --text-h2:     clamp(28px, 4vw, 44px);   /* section titles */
  --text-h3:     clamp(24px, 3.4vw, 36px); /* sub-headers / mid-CTA */
  --text-title:  20px; /* card titles */
  --text-subtitle: 17px;

  /* Body scale — --font-body */
  --text-lg:   18px; /* lead paragraphs */
  --text-base: 15px; /* default body */
  --text-sm:   14px; /* dense body, card copy */

  /* Mono / eyebrow scale — --font-mono */
  --text-eyebrow: 11.5px; /* uppercase mono label */
  --text-meta:    12px;   /* meta / author lines */

  /* Line heights */
  --lh-tight:  1.08; /* @kind font */
  --lh-snug:   1.2;  /* @kind font */
  --lh-normal: 1.6;  /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Letter spacing */
  --ls-display: -0.03em; /* @kind font */
  --ls-title:   -0.02em; /* @kind font */
  --ls-eyebrow:  0.14em; /* @kind font */
  --ls-mono:     0.08em; /* @kind font */
}