/* ============================================================
   Strivetech AI — Typography tokens
   Display: Instrument Serif · Body: Inter · Mono: JetBrains Mono
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Instrument Serif', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Courier New', ui-monospace, monospace;

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

  /* ---- Type scale (px) ----
     Body baseline 16. Display ramp is intentionally large —
     the brand leans on big serif statements + lots of air. */
  --fs-eyebrow: 0.8125rem;  /* 13 — mono // labels */
  --fs-xs:   0.75rem;       /* 12 */
  --fs-sm:   0.875rem;      /* 14 */
  --fs-base: 1rem;          /* 16 */
  --fs-md:   1.125rem;      /* 18 — lead body */
  --fs-lg:   1.3125rem;     /* 21 */
  --fs-xl:   1.625rem;      /* 26 */
  --fs-2xl:  2.0625rem;     /* 33 — slide section title */
  --fs-3xl:  2.75rem;       /* 44 */
  --fs-4xl:  3.75rem;       /* 60 */
  --fs-display: 5rem;       /* 80 — hero serif */

  /* ---- Line heights ---- */
  --lh-tight: 1.04;     /* @kind other */
  --lh-snug: 1.18;      /* @kind other */
  --lh-normal: 1.5;     /* @kind other */
  --lh-relaxed: 1.62;   /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-eyebrow: 0.14em;   /* mono labels, uppercase  @kind other */
  --ls-tight: -0.02em;    /* large sans headings     @kind other */
  --ls-display: -0.01em;  /* serif display           @kind other */
  --ls-normal: 0;         /* @kind other */
  --ls-wide: 0.04em;      /* @kind other */

  /* ---- Semantic roles ---- */
  --type-eyebrow-family: var(--font-mono);
  --type-eyebrow-size: var(--fs-eyebrow);
  --type-eyebrow-spacing: var(--ls-eyebrow);

  --type-display-family: var(--font-display);
  --type-heading-family: var(--font-body);
  --type-body-family: var(--font-body);
}