/* ============================================================
   LendVault — Typography tokens
   Display: Space Grotesk (technical, geometric)
   Body/UI:  Inter
   Data / labels / addresses: JetBrains Mono (tabular figures)
   Display: tight tracking, bold weight; Body: generous leading;
   Mono is used expressively for kickers, labels & on-chain data.
   ============================================================ */

:root {
  /* --- Families ----------------------------------------------------- */
  --font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-support: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* --- Weights ------------------------------------------------------ */
  /* Space Grotesk & JetBrains Mono top out at 700; Inter carries 400-700. */
  --fw-extralight: 300;   /* @kind font */
  --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 */
  --fw-extrabold:  700;   /* @kind font */

  /* --- Type scale (px) ---------------------------------------------- */
  --fs-display-2xl: 88px;   /* hero / cover wordmark */
  --fs-display-xl:  64px;
  --fs-display-lg:  48px;
  --fs-h1:          40px;
  --fs-h2:          32px;
  --fs-h3:          26px;
  --fs-h4:          21px;
  --fs-lg:          18px;
  --fs-body:        16px;
  --fs-sm:          14px;
  --fs-xs:          13px;
  --fs-2xs:         11px;   /* labels / meta caps */

  /* --- Line heights ------------------------------------------------- */
  --lh-tight:   1.02;   /* @kind font */
  --lh-snug:    1.15;   /* @kind font */
  --lh-normal:  1.4;    /* @kind font */
  --lh-relaxed: 1.6;    /* @kind font */

  /* --- Letter spacing ----------------------------------------------- */
  --ls-display: -0.02em;   /* @kind font */
  --ls-heading: -0.015em;  /* @kind font */
  --ls-normal:  0em;       /* @kind font */
  --ls-caps:    0.14em;    /* @kind font */
  --ls-caps-wide: 0.30em;  /* @kind font */
}
