/* ═══════════════════════════════════════════════════════════════════════════
   ВЕНДОРНАЯ КОПИЯ. Не редактировать здесь.
   Источник истины: design_handoff/portal_v1/project/tokens/typography.css
   Только объявления переменных, правил на элементы нет (проверено).
   [PATCH LANDING-CMS-Ф2: вендоринг токенов ДС в деплоируемую статику]
   ═══════════════════════════════════════════════════════════════════════════ */

/* PowerArena — typography tokens.

   Current spec (landing v9 / pa_tokens): Golos Text does everything,
   IBM Plex Mono carries numbers, codes and formulas. Base size is 17px and
   every size is multiplied by --scale so the A/A+ toggle works.

   Playfair Display remains only inside the legacy game client. */

:root{
  --font-ui:   'Golos Text', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-legacy-display: 'Playfair Display', serif;  /* game client only */

  --font-body:    var(--font-ui);
  --font-numeric: var(--font-mono);
  --font-m:       var(--font-ui);   /* legacy alias */
  --font-h:       var(--font-legacy-display); /* legacy alias */

  /* ── Portal / landing ramp. Everything scales with --scale. ── */
  --fs-body:    calc(17px * var(--scale));  /* base reading size */
  --fs-lead:    calc(18px * var(--scale));  /* hero sub */
  --fs-ui:      calc(16px * var(--scale));  /* inputs, gold buttons */
  --fs-ui-sm:   calc(15px * var(--scale));  /* card body, chips */
  --fs-meta:    calc(14px * var(--scale));  /* list items, captions */
  --fs-label:   calc(13px * var(--scale));  /* eyebrow, field labels */
  --fs-card-h:  calc(22px * var(--scale));
  --fs-h3:      calc(20px * var(--scale));
  --fs-modal-h: calc(21px * var(--scale));
  --fs-h2:      calc(32px * var(--scale));
  --fs-h1:      calc(46px * var(--scale));
  --fs-proof:   calc(21px * var(--scale));  /* mono proof numbers */
  --fs-code:    calc(24px * var(--scale));  /* session-code input */

  /* ── Legacy game-client ramp (dense cockpit, 8–13px) ── */
  --fs-micro:   7px;
  --fs-eyebrow: 8px;
  --fs-tiny:    9px;
  --fs-xs:     10px;
  --fs-sm:     11px;
  --fs-md:     12px;
  --fs-base:   13px;
  --fs-lg:     15px;
  --fs-num-sm: 16px;
  --fs-num-md: 19px;
  --fs-num-lg: 24px;
  --fs-num-xl: 34px;
  --fs-num-2xl:48px;

  /* ── Weight. Golos runs heavy here: 900 for headlines, 800 for buttons. ── */
  --fw-normal: 400;  /* @kind other */
  --fw-medium: 500;  /* @kind other */
  --fw-semi:   600;  /* @kind other */
  --fw-bold:   700;  /* @kind other */
  --fw-black:  800;  /* @kind other */
  --fw-ultra:  900;  /* @kind other */

  /* ── Line height ── */
  --lh-hero:   1.06;  /* @kind other */
  --lh-tight:  1.1;   /* @kind other */
  --lh-snug:   1.25;  /* @kind other */
  --lh-normal: 1.5;   /* @kind other */
  --lh-body:   1.6; /* @kind other */

  /* ── Tracking ── */
  --ls-h1:      -.5px;  /* @kind other */
  --ls-h2:      -.3px;  /* @kind other */
  --ls-normal:   0;     /* @kind other */
  --ls-wide:    .5px;   /* @kind other */
  --ls-label:   1px; /* @kind other */
  --ls-tag:    1.5px; /* @kind other */
  --ls-eyebrow:2.5px; /* @kind other */
  --ls-eyebrow-xl: 2px; /* @kind other */
  --ls-brand:  3px; /* @kind other */
  --ls-code:   7px; /* @kind other */

  /* ── Measure ── */
  --measure-sub:  52ch;  /* @kind other */
  --measure-body: 46ch;  /* @kind other */
  --measure-form: 42ch;  /* @kind other */
}