/* ============================================================
   Truekr — Typography tokens
   Headings: Satoshi · Body/UI: Inter
   Scale taken directly from the brand guide (size/line-height).
   ============================================================ */

:root {
  /* Families */
  --font-display: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

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

  /* ---- Display / Headings (Satoshi) ---- */
  --h1-size: 64px;  --h1-lh: 72px;  --h1-weight: 700;
  --h2-size: 40px;  --h2-lh: 48px;  --h2-weight: 700;
  --h3-size: 28px;  --h3-lh: 36px;  --h3-weight: 500;
  --h4-size: 22px;  --h4-lh: 28px;  --h4-weight: 500;

  /* ---- Body / UI (Inter) ---- */
  --body-lg-size: 16px;  --body-lg-lh: 28px;
  --body-size:    16px;  --body-lh:    24px;
  --small-size:   14px;  --small-lh:   20px;
  --caption-size: 12px;  --caption-lh: 16px;
  --overline-size:10px;  --overline-lh:16px; --overline-tracking: 0.12em; /* @kind other */

  /* Letter-spacing */
  --tracking-tight:  -0.02em; /* large display @kind other */
  --tracking-normal: 0; /* @kind other */
  --tracking-wide:   0.04em; /* @kind other */
  --tracking-overline: 0.12em; /* @kind other */
}