/* ITPU — Typography tokens
 * Source: ITPU Brand Guidelines 2022 v1.0, "ФИРМЕННЫЙ ШРИФТ" + "РАЗМЕРЫ ТЕКСТОВЫХ ЭЛЕМЕНТОВ".
 *
 * Corporate typeface: Montserrat  — Medium (500) for body, SemiBold (600) for headings.
 * Documentation / secondary typeface: Tahoma — used for corporate paperwork & requisites.
 *
 * Text-element scale defined by the guideline (in pt, with % ratio):
 *   Main heading  (Основной заголовок)  40 pt  (100%)
 *   Subheading    (Подзаголовок)        30 pt  (75%)
 *   Text accent   (Акцент в тексте)     20 pt  (50%, UPPERCASE)
 *   Publication   (Текст публикации)    15 pt  (27.5%)
 */

:root {
  /* Families */
  --font-brand: "Montserrat", "Tahoma", "Segoe UI", system-ui, sans-serif;
  --font-doc:   "Tahoma", "Segoe UI", "Montserrat", system-ui, sans-serif;
  --font-base:  var(--font-brand);

  /* Weights (the only two the brand uses) */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */

  /* Type scale — faithful to the 40/30/20/15 guideline ratio,
   * expressed in rem (1rem = 16px). */
  --fs-display: 4.0rem;   /* 64px — oversized hero / cover */
  --fs-title:   2.5rem;   /* 40px — Основной заголовок (100%) */
  --fs-h2:      1.875rem; /* 30px — Подзаголовок (75%) */
  --fs-h3:      1.5rem;   /* 24px */
  --fs-accent:  1.25rem;  /* 20px — Акцент в тексте (50%, uppercase) */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-body:    0.9375rem;/* 15px — Текст публикации (27.5%) */
  --fs-small:   0.8125rem;/* 13px */
  --fs-caption: 0.75rem;  /* 12px — folder tags / footers */

  /* Line heights */
  --lh-tight:  1.1;  /* @kind other */
  --lh-snug:   1.25; /* @kind other */
  --lh-normal: 1.5;  /* @kind other */
  --lh-relaxed:1.65; /* @kind other */

  /* Letter spacing — the guideline sets labels/footers in wide tracking caps */
  --ls-tight:  -0.01em; /* @kind other */
  --ls-normal: 0;       /* @kind other */
  --ls-wide:   0.08em;   /* section labels, eyebrows */
  --ls-wider:  0.18em;   /* footer "ITPU BRAND GUIDELINES" style */

  /* Semantic roles */
  --title-weight:   var(--fw-semibold);
  --heading-weight: var(--fw-semibold);
  --body-weight:    var(--fw-medium);
}