/* ───────────────────────────────────────────────────────────────
   TYPOGRAPHY — Luca Como Design System
   Playfair Display (serif) for display & emphasis; Inter for body
   and UI. Display weights stay light (400/500); italics carry the
   editorial voice. Eyebrows are small, uppercase, wide-tracked.
   ─────────────────────────────────────────────────────────────── */

:root {
  /* ── Families ── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* semantic aliases */
  --font-title:   var(--font-display);
  --font-body:    var(--font-sans);
  --font-ui:      var(--font-sans);

  /* ── Display scale (Playfair, line-height ~1.0–1.1) ── */
  --display-hero:    clamp(3rem, 6vw, 5rem);   /* @kind font */
  --display-xl:      clamp(2.5rem, 5vw, 4rem); /* @kind font */
  --display-lg:      clamp(2rem, 4vw, 3rem);   /* @kind font */
  --display-md:      2.4rem;                    /* card / quote */
  --display-sm:      1.6rem;                    /* sub-display */
  --display-xs:      1.3rem;                    /* small display */

  /* ── Body / UI scale (Inter) ── */
  --text-lg:    1.05rem;   /* lead paragraphs */
  --text-base:  0.95rem;   /* default body */
  --text-sm:    0.88rem;   /* secondary */
  --text-xs:    0.78rem;   /* captions, tags */
  --text-2xs:   0.72rem;   /* eyebrows */

  /* ── Weights ── */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  /* ── Line heights ── */
  --leading-tight:  1.0;
  --leading-snug:   1.2;
  --leading-normal: 1.55;
  --leading-prose:  1.8;

  /* ── Letter-spacing ── */
  --tracking-display: -0.02em;  /* tight display */
  --tracking-tighter: -0.04em;  /* big stats */
  --tracking-body:     0;
  --tracking-eyebrow:  0.14em;   /* uppercase eyebrows */
  --tracking-eyebrow-wide: 0.18em;
  --tracking-caps:     0.08em;   /* uppercase UI labels */
}