/* ППЧ — Typography tokens
   Display: Druk Cyr Medium  — big, condensed, poster moments (ППЧ voice)
   Heading + UI + body: Muller — geometric grotesque, the workhorse
   Accent numerals/labels: Kiyosuna Sans
   Scale from Figma (desktop mode). */

:root {
  /* ---- Families ---- */
  --font-display: "Druk Cyr", "Muller", system-ui, sans-serif;
  --font-heading: "Muller", system-ui, "Segoe UI", sans-serif;
  --font-body:    "Muller", system-ui, "Segoe UI", sans-serif;
  --font-accent:  "Kiyosuna Sans", "Muller", system-ui, sans-serif;

  /* ---- Weights ---- */
  --fw-light:  300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-bold:   700; /* @kind font */

  /* ---- Display (Druk Cyr) ---- */
  --type-display-1: 700 7.5rem/0.94 var(--font-display);   /* 120 */
  --type-display-2: 700 5.5rem/0.96 var(--font-display);   /* 88  */

  /* ---- Headings (Muller) ---- */
  --type-h1: 700 4rem/1.04   var(--font-heading);  /* 64 */
  --type-h2: 700 3rem/1.06   var(--font-heading);  /* 48 */
  --type-h3: 500 2rem/1.12   var(--font-heading);  /* 32 */
  --type-h4: 500 1.5rem/1.2  var(--font-heading);  /* 24 */
  --type-h5: 500 1.25rem/1.3 var(--font-heading);  /* 20 */

  /* ---- Body (Muller) ---- */
  --type-body-lg:   400 1.25rem/1.55  var(--font-body);  /* 20 */
  --type-body:      400 1rem/1.6      var(--font-body);  /* 16 */
  --type-body-sm:   400 0.875rem/1.55 var(--font-body);  /* 14 */
  --type-caption:   400 0.75rem/1.4   var(--font-body);  /* 12 */
  --type-overline:  500 0.75rem/1.2   var(--font-body);  /* 12 caps */

  /* ---- Tracking ---- */
  --tracking-display: -0.01em;
  --tracking-heading: -0.015em;
  --tracking-body:    0;
  --tracking-overline:0.14em;
}