/* ============================================================
   JustFinTech — Typography tokens
   Single typeface (Golos Text). Display sizes are tightly
   tracked; UI labels / eyebrows are UPPERCASE with positive
   tracking. Line-heights tighten as size grows.
   ============================================================ */

:root {
  /* ---- Families --------------------------------------------- */
  --font-sans: "Golos Text", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
               Consolas, "Liberation Mono", monospace;

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

  /* ---- Type scale (px) -------------------------------------- */
  --fs-display-1: 72px;   /* hero, 1440 surface         */
  --fs-display-2: 56px;   /* big statements             */
  --fs-h1:        44px;   /* section headers            */
  --fs-h2:        34px;
  --fs-h3:        28px;
  --fs-h4:        24px;
  --fs-h5:        20px;
  --fs-body-lg:   20px;
  --fs-body:      18px;   /* default reading size       */
  --fs-body-sm:   16px;
  --fs-caption:   14px;
  --fs-eyebrow:   14px;   /* uppercase labels           */
  --fs-micro:     12px;

  /* ---- Line heights ----------------------------------------- */
  --lh-tight:   1.04;     /* @kind font */
  --lh-snug:    1.12;     /* @kind font */
  --lh-normal:  1.35;     /* @kind font */
  --lh-relaxed: 1.5;      /* @kind font */

  /* ---- Letter spacing --------------------------------------- */
  --ls-logo:     -0.08em; /* wordmark                   */
  --ls-display:  -0.03em; /* large headings             */
  --ls-tight:    -0.02em;
  --ls-normal:   0em;
  --ls-eyebrow:   0.04em; /* uppercase labels / buttons */
  --ls-caps:      0.08em;

  /* ---- Semantic roles --------------------------------------- */
  --text-display:  var(--fw-bold) var(--fs-display-1)/var(--lh-tight) var(--font-display);
  --text-h1:       var(--fw-bold) var(--fs-h1)/var(--lh-snug) var(--font-display);
  --text-h3:       var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-display);
}