/* Lakeshore Advisors — Typography tokens
   One family (Mulish) carries everything; hierarchy comes from
   weight, size, letter-spacing and casing. The signature move is
   the "eyebrow": 700 weight, heavy uppercase tracking, gold. */

:root {
  /* ---- Families ---- */
  --font-display: 'Mulish', system-ui, -apple-system, sans-serif;
  --font-body: 'Mulish', system-ui, -apple-system, sans-serif;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* ---- Type scale (px-based; document/print rooted) ---- */
  --text-h1: 29px;          /* page title */
  --text-h2: 22px;
  --text-h3: 17px;
  --text-lede: 13.5px;      /* intro paragraph under title */
  --text-body: 12.5px;      /* default body copy */
  --text-body-lg: 13.5px;
  --text-small: 11px;
  --text-eyebrow: 10.5px;   /* section eyebrow label */
  --text-meta: 10.5px;      /* footer meta */
  --text-micro: 9.4px;      /* diagram labels */

  /* ---- Line heights ---- */
  --leading-tight: 1.05;    /* headings */
  --leading-snug: 1.22;
  --leading-normal: 1.42;
  --leading-relaxed: 1.5;   /* lede / body paragraphs */

  /* ---- Letter spacing ---- */
  --tracking-tight: -.015em;   /* h1 */
  --tracking-normal: 0;
  --tracking-eyebrow: .26em;   /* the signature eyebrow tracking */
  --tracking-label: .14em;     /* footer meta / contact */
  --tracking-wide: .13em;
}