/* ──────────────────────────────────────────────────────────────
   BazaFit — Typography tokens
   Native system UI stack, weight-driven hierarchy (400→800).
   No custom display face in the UI; the wordmark is an image asset.
   ────────────────────────────────────────────────────────────── */

:root {
  /* ── Families ───────────────────────────────────────── */
  --font-sans: -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-fallback: "Roboto", sans-serif; /* deterministic specimen face */

  /* ── Type scale (px, mobile-first) ──────────────────── */
  --fs-display:  26px;  /* profile name                        */
  --fs-h1:       22px;  /* big stat values, page titles         */
  --fs-h2:       20px;  /* form / section titles                */
  --fs-h3:       18px;  /* modal titles, list headers           */
  --fs-title:    17px;  /* card-button title                    */
  --fs-body:     16px;  /* inputs, default body                 */
  --fs-base:     15px;  /* list item, modal copy                */
  --fs-sm:       14px;  /* labels, subs                         */
  --fs-caption:  13px;  /* card-button sub, chips               */
  --fs-xs:       12px;  /* meta, timestamps                     */
  --fs-2xs:      11px;  /* photo meta                           */
  --fs-micro:    10px;  /* uppercase summary captions           */
  --fs-nano:     9px;   /* tiny eyebrow captions                */

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

  /* ── Line heights ───────────────────────────────────── */
  --lh-tight:    1.1;  /* @kind other */
  --lh-snug:     1.3;  /* @kind other */
  --lh-normal:   1.5;  /* @kind other */
  --lh-relaxed:  1.6;  /* @kind other */

  /* ── Letter spacing ─────────────────────────────────── */
  --ls-tight:   -0.01em;
  --ls-normal:   0;     /* @kind other */
  --ls-wide:     0.05em;
  --ls-eyebrow:  1.2px;   /* uppercase ИТОГ ТРЕНИРОВКИ labels   */
}