/* ТИПОГРАФИКА — плотная, широкая, без «воздушных» тонких начертаний.
   Заголовки: Manrope 700/800, отрицательный трекинг.
   Текст: Golos Text 400/500, увеличенная интерлиньяжная высота. */
:root {
  --fs-display-1: 72px;
  --fs-display-2: 56px;
  --fs-h1: 44px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-lead: 21px;
  --fs-body: 17px;
  --fs-body-sm: 15px;
  --fs-caption: 13px;
  --fs-overline: 12px;

  --lh-display: 1.02; /* @kind font */
  --lh-heading: 1.14; /* @kind font */
  --lh-snug: 1.3; /* @kind font */
  --lh-body: 1.6; /* @kind font */
  --lh-tight: 1.2; /* @kind font */

  --ls-display: -0.03em; /* @kind font */
  --ls-heading: -0.02em; /* @kind font */
  --ls-body: 0em; /* @kind font */
  --ls-overline: 0.08em; /* @kind font */

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

  /* Готовые шорткаты */
  --type-display-1: var(--fw-black) var(--fs-display-1) / var(--lh-display) var(--font-display); /* @kind font */
  --type-display-2: var(--fw-black) var(--fs-display-2) / var(--lh-display) var(--font-display); /* @kind font */
  --type-h1: var(--fw-bold) var(--fs-h1) / var(--lh-heading) var(--font-display); /* @kind font */
  --type-h2: var(--fw-bold) var(--fs-h2) / var(--lh-heading) var(--font-display); /* @kind font */
  --type-h3: var(--fw-bold) var(--fs-h3) / var(--lh-snug) var(--font-display); /* @kind font */
  --type-h4: var(--fw-bold) var(--fs-h4) / var(--lh-snug) var(--font-display); /* @kind font */
  --type-lead: var(--fw-regular) var(--fs-lead) / 1.5 var(--font-text); /* @kind font */
  --type-body: var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-text); /* @kind font */
  --type-body-sm: var(--fw-regular) var(--fs-body-sm) / 1.55 var(--font-text); /* @kind font */
  --type-caption: var(--fw-medium) var(--fs-caption) / 1.4 var(--font-text); /* @kind font */
  --type-overline: var(--fw-bold) var(--fs-overline) / var(--lh-tight) var(--font-text); /* @kind font */
  --type-button: var(--fw-semibold) var(--fs-body-sm) / 1 var(--font-text); /* @kind font */
}