/* MissionPath Portfolios — Typography tokens
   Crimson Pro carries authority + warmth on headlines; Hanken Grotesk is the workhorse
   for UI and body; Spline Sans Mono for figures, tickers, and tabular financial data. */

:root {
  /* ---- Families ---- */
  --font-serif:   'Crimson Pro', Georgia, 'Times New Roman', serif;
  --font-sans:    'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Spline Sans Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Semantic family aliases */
  --font-display: var(--font-serif);   /* big editorial headlines */
  --font-heading: var(--font-sans);    /* UI section headings */
  --font-body:    var(--font-sans);    /* paragraphs + UI */
  --font-figure:  var(--font-mono);    /* prices, %, tabular numbers */

  /* ---- Type scale (px-based, 1.25 major-third-ish, tuned) ---- */
  --text-display-2xl: 76px;
  --text-display-xl:  60px;
  --text-display-lg:  48px;
  --text-display-md:  38px;
  --text-h1:          31px;
  --text-h2:          25px;
  --text-h3:          21px;
  --text-lg:          18px;
  --text-base:        16px;
  --text-sm:          14px;
  --text-xs:          12.5px;
  --text-2xs:         11px;

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-display:  600;  /* Crimson Pro looks best semibold at display sizes */

  /* ---- Line heights ---- */
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tight:   -0.02em;   /* display serif */
  --tracking-snug:    -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-caps:    0.12em;    /* eyebrow / overline uppercase */
}