/* Type system. Plus Jakarta Sans = headers & titles. Inter = body & data. */
:root{
  --font-display:"Plus Jakarta Sans","Segoe UI",sans-serif;
  --font-body:"Inter","Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800; /* @kind other */

  /* Display / headline scale — Plus Jakarta Sans */
  --size-hero:72px;      --lh-hero:1.02; /* @kind other */
  --size-h1:52px;        --lh-h1:1.06; /* @kind other */
  --size-h2:38px;        --lh-h2:1.12; /* @kind other */
  --size-h3:28px;        --lh-h3:1.2; /* @kind other */
  --size-h4:20px;        --lh-h4:1.3; /* @kind other */
  --size-datapoint:96px; --lh-datapoint:0.94; /* @kind other */

  /* Body scale — Inter */
  --size-body-lg:20px;   --lh-body-lg:1.55; /* @kind other */
  --size-body:16px;      --lh-body:1.65; /* @kind other */
  --size-body-sm:14px;   --lh-body-sm:1.6; /* @kind other */
  --size-caption:12px;   --lh-caption:1.45; /* @kind other */
  --size-eyebrow:11px;   --lh-eyebrow:1.2; /* @kind other */

  /* Tracking */
  --track-hero:-0.03em; /* @kind other */
  --track-heading:-0.02em; /* @kind other */
  --track-tight:-0.01em; /* @kind other */
  --track-normal:0; /* @kind other */
  --track-eyebrow:0.16em; /* @kind other */
  --track-caps:0.08em; /* @kind other */

  /* Composed roles */
  --text-hero:var(--weight-extrabold) var(--size-hero)/var(--lh-hero) var(--font-display); /* @kind other */
  --text-h1:var(--weight-bold) var(--size-h1)/var(--lh-h1) var(--font-display); /* @kind other */
  --text-h2:var(--weight-bold) var(--size-h2)/var(--lh-h2) var(--font-display); /* @kind other */
  --text-h3:var(--weight-semibold) var(--size-h3)/var(--lh-h3) var(--font-display); /* @kind other */
  --text-h4:var(--weight-semibold) var(--size-h4)/var(--lh-h4) var(--font-display); /* @kind other */
  --text-lead:var(--weight-regular) var(--size-body-lg)/var(--lh-body-lg) var(--font-body); /* @kind other */
  --text-default:var(--weight-regular) var(--size-body)/var(--lh-body) var(--font-body); /* @kind other */
  --text-small:var(--weight-regular) var(--size-body-sm)/var(--lh-body-sm) var(--font-body); /* @kind other */
  --text-caption-role:var(--weight-regular) var(--size-caption)/var(--lh-caption) var(--font-body); /* @kind other */
  --text-eyebrow:var(--weight-semibold) var(--size-eyebrow)/var(--lh-eyebrow) var(--font-body); /* @kind other */
  --max-measure:66ch; /* @kind other */
}