/* ============================================================
   Typography — Zacks Connect AI
   IBM Plex Sans (text) · IBM Plex Mono (figures, tickers, tokens)
   Modern financial-platform feel: clean, trustworthy, legible.
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------ */
  --font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --font: var(--font-sans);   /* brief alias */
  --mono: var(--font-mono);   /* brief alias */

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

  /* ---- Type scale (px → rem, 16px base) ------------------ */
  --fs-display: 3.5rem;   /* 56 — hero H1 (clamps below) */
  --fs-h1: 2.75rem;       /* 44 */
  --fs-h2: 2rem;          /* 32 — section titles */
  --fs-h3: 1.5rem;        /* 24 — card titles */
  --fs-h4: 1.25rem;       /* 20 */
  --fs-lg: 1.125rem;      /* 18 — lead / subhead */
  --fs-body: 1rem;        /* 16 — base body */
  --fs-sm: 0.875rem;      /* 14 — secondary, labels */
  --fs-xs: 0.75rem;       /* 12 — captions, pills, legal */

  /* Responsive hero — fluid between mobile and desktop */
  --fs-hero: clamp(2.25rem, 1.4rem + 4.2vw, 3.75rem); /* @kind other */

  /* ---- Line heights -------------------------------------- */
  --lh-tight: 1.08; /* @kind other */
  --lh-snug: 1.25; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* ---- Letter spacing ------------------------------------ */
  --ls-tight: -0.02em; /* @kind other */
  --ls-snug: -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em; /* @kind other */
  --ls-wider: 0.14em; /* @kind other */

  /* ---- Numeric figures (financial data) ------------------ */
  --figure-features: "tnum" 1, "lnum" 1; /* @kind other */
}
