/* ============================================================
   Belvest Family Wealth — Typography Tokens
   Serif for voice & authority (Libre Caslon), sans for clarity
   & interface (Hanken Grotesk). Figures are tabular by default
   in data contexts via --font-num.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-serif-display: 'Libre Caslon Display', Georgia, 'Times New Roman', serif;
  --font-serif: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-num: 'Hanken Grotesk', ui-monospace, sans-serif; /* pair with --nums-tabular */
  --font-mono: ui-monospace, 'SF Mono', 'Menlo', monospace;

  /* ---- Type scale (base 16px) ---- */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.8125rem; /* 13 */
  --text-base: 0.9375rem; /* 15 — UI body default */
  --text-md:   1.0625rem; /* 17 */
  --text-lg:   1.25rem;   /* 20 */
  --text-xl:   1.5rem;    /* 24 */
  --text-2xl:  1.9375rem; /* 31 */
  --text-3xl:  2.5rem;    /* 40 */
  --text-4xl:  3.25rem;   /* 52 */
  --text-5xl:  4.25rem;   /* 68 */
  --text-6xl:  5.75rem;   /* 92 */

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

  /* ---- Line heights ---- */
  --leading-tight: 1.08;
  --leading-snug: 1.24;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-display: -0.02em;  /* large serif */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-eyebrow: 0.16em;   /* uppercase labels / eyebrows */

  /* ---- Figure features ---- */
  --nums-tabular: "tnum" 1, "lnum" 1; /* @kind font */

  /* ---- Semantic roles ---- */
  --title-font: var(--font-serif); /* headlines use Caslon Text; Display is logo-only */
  --heading-font: var(--font-serif);
  --body-font: var(--font-sans);
  --eyebrow-font: var(--font-sans);
}