/* ============================================================
   VISPORA — TYPOGRAPHY TOKENS
   Fraunces (warm serif) for display/headings, used with restraint.
   Hanken Grotesk for body & UI.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Display tuning ----
     Fraunces optical size + a touch of softness via lower weight. */
  --fraunces-soft: 'opsz' 144, 'SOFT' 40, 'WONK' 0;   /* @kind other */

  /* ---- Type scale (rem, 16px base) ---- */
  --text-display: 4rem;     /* 64 — hero */
  --text-h1:      3rem;     /* 48 */
  --text-h2:      2.25rem;  /* 36 */
  --text-h3:      1.75rem;  /* 28 */
  --text-h4:      1.375rem; /* 22 */
  --text-h5:      1.125rem; /* 18 */
  --text-lg:      1.125rem; /* 18 — lead body */
  --text-base:    1rem;     /* 16 — body */
  --text-sm:      0.875rem; /* 14 — UI / secondary */
  --text-xs:      0.75rem;  /* 12 — captions, labels */
  --text-2xs:     0.6875rem;/* 11 — overline / micro */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Line heights ---- */
  --leading-tight:   1.08;  /* display headings */
  --leading-snug:    1.2;   /* sub-headings */
  --leading-normal:  1.5;   /* body */
  --leading-relaxed: 1.65;  /* long-form reading */

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.02em;  /* large Fraunces display */
  --tracking-snug:   -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.12em;   /* overlines / eyebrows (uppercase) */

  /* ---- Semantic aliases ---- */
  --heading-font: var(--font-display);
  --body-font:    var(--font-body);
}