/* ============================================================
   INWIN — Typography tokens
   Sora everywhere. Body ~15px / generous leading.
   Titles bold, descending scale (~37px top). Buttons/links medium–semibold,
   never forced uppercase.
   ============================================================ */

:root {
  --font-brand: "Sora", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: var(--font-brand);

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

  /* Type scale (px) — descending, ~37 top for section titles */
  --fs-display: 56px;   /* hero numbers / oversized figures */
  --fs-h1: 37px;
  --fs-h2: 30px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-lead: 18px;
  --fs-body: 15px;      /* base body */
  --fs-small: 13px;
  --fs-eyebrow: 12px;

  /* Line heights */
  --lh-tight: 1.12;    /* @kind font */
  --lh-heading: 1.2;   /* @kind font */
  --lh-body: 1.6;      /* @kind font */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind font */
  --ls-normal: 0;      /* @kind font */
  --ls-eyebrow: 0.12em;/* @kind font */

  /* Key-figure (oversized orange numbers) */
  --fs-figure: 64px;
  --fw-figure: 800;    /* @kind font */
}