/* ============================================================
   Dividis Capital — Typography
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', 'Menlo', monospace;

  /* ---- Type scale (1.25 major-third-ish, tuned) ---- */
  --text-2xs: 0.6875rem;  /* 11px — micro labels, legal */
  --text-xs:  0.75rem;    /* 12px — captions, table meta */
  --text-sm:  0.875rem;   /* 14px — secondary UI */
  --text-base:1rem;       /* 16px — body */
  --text-md:  1.125rem;   /* 18px — lead body */
  --text-lg:  1.375rem;   /* 22px — card titles */
  --text-xl:  1.75rem;    /* 28px — section headers */
  --text-2xl: 2.25rem;    /* 36px — page titles */
  --text-3xl: 3rem;       /* 48px — display */
  --text-4xl: 4rem;       /* 64px — hero */
  --text-5xl: 5.25rem;    /* 84px — marketing hero */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;    /* Playfair display headlines */

  /* ---- Line heights ---- */
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.12em;   /* eyebrows / overline labels */

  /* ---- Semantic roles ---- */
  --role-hero-family: var(--font-display);
  --role-hero-weight: var(--weight-black);
  --role-display-family: var(--font-display);
  --role-eyebrow-family: var(--font-mono);
  --role-eyebrow-tracking: var(--tracking-caps);
  --role-figure-family: var(--font-mono);   /* numbers, currency, rates */
}