/* ============================================================
   Yandex Plus — Typography tokens
   The Plus Creative template standardises on Arial (Regular +
   Bold) for universal compatibility. The canonical brand face
   is Yandex Sans Display / Text (proprietary); Arial / Helvetica
   is the sanctioned public substitute and is what we ship here.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: Arial, "Helvetica Neue", Helvetica, "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-sans); /* same family, heavier weights */
  --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* ---- Weights (template uses only Regular + Bold) ---- */
  --weight-regular: 400;
  --weight-medium:  500; /* product UI only; decks stay Regular/Bold */
  --weight-bold:    700;

  /* ---- Deck type scale (pt, as defined in the template guide) ----
     Mapped to px at the 2560×1440 design canvas (1pt ≈ 1.333px,
     but the deck authors quote pt values directly). */
  --deck-display: 64px; /* Заголовки слайдов — slide titles */
  --deck-key:     48px; /* Ключевые мысли — key thoughts, sparse text */
  --deck-body:    32px; /* Основной текст — standard body */
  --deck-dense:   24px; /* body when there's a lot of copy */
  --deck-caption: 16px; /* Сноски / подписи — footnotes, captions, slide no. */

  /* ---- Product / web type scale (rem) ---- */
  --text-3xl: 2.5rem;   /* 40px hero */
  --text-2xl: 2rem;     /* 32px */
  --text-xl:  1.5rem;   /* 24px */
  --text-lg:  1.25rem;  /* 20px */
  --text-md:  1rem;     /* 16px base */
  --text-sm:  0.875rem; /* 14px */
  --text-xs:  0.75rem;  /* 12px */

  /* ---- Line heights ---- */
  --leading-tight:  1.05; /* big display */
  --leading-snug:   1.18; /* headings */
  --leading-normal: 1.35; /* body */
  --leading-relaxed:1.5;

  /* ---- Tracking ---- */
  --tracking-tight: -0.02em; /* display & headings */
  --tracking-normal: 0em;
  --tracking-caps:  0.08em;  /* the all-caps eyebrow / footer label */

  /* ---- Semantic aliases ---- */
  --type-title:   var(--weight-bold) var(--deck-display)/var(--leading-tight) var(--font-display);
  --type-body:    var(--weight-regular) var(--deck-body)/var(--leading-normal) var(--font-sans);
  --type-caption: var(--weight-regular) var(--deck-caption)/var(--leading-normal) var(--font-sans);
}