/* =========================================================================
   VELVETCONNECT · TYPOGRAPHY TOKENS
   Display: Playfair Display (high-contrast serif — the wordmark voice).
   UI / body: Inter. Tracked uppercase is the brand's signature label style.
   ========================================================================= */

:root {
  /* ---------- Families ---------- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-ui:      var(--font-body);

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

  /* ---------- Tracking ---------- */
  --tracking-wordmark: 0.18em; /* @kind other */
  --tracking-label:    0.30em; /* @kind other */
  --tracking-eyebrow:  0.22em; /* @kind other */
  --tracking-caps:     0.10em; /* @kind other */
  --tracking-tight:    -0.01em; /* @kind other */

  /* ---------- Type scale (1.25 major-third-ish) ---------- */
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;
  --fs-36: 2.25rem;
  --fs-44: 2.75rem;
  --fs-56: 3.5rem;
  --fs-72: 4.5rem;
  --fs-88: 5.5rem;

  /* ---------- Line height ---------- */
  --lh-tight:  1.05; /* @kind other */
  --lh-snug:   1.18; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-loose:  1.7; /* @kind other */

  /* ---------- Semantic roles ---------- */
  --text-display:  var(--fw-bold) var(--fs-72)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-h1:       var(--fw-bold) var(--fs-56)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-h2:       var(--fw-semibold) var(--fs-36)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-h3:       var(--fw-semibold) var(--fs-24)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-body:     var(--fw-regular) var(--fs-16)/var(--lh-normal) var(--font-body); /* @kind font */
  --text-body-sm:  var(--fw-regular) var(--fs-14)/var(--lh-normal) var(--font-body); /* @kind font */
  --text-caption:  var(--fw-regular) var(--fs-12)/var(--lh-snug) var(--font-body); /* @kind font */
}