/* ============================================================
   ГРУЗЧИК ГУД — Typography Tokens
   ============================================================ */

:root {
  /* ── Type scale ── */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.25rem;    /* 36px */
  --text-5xl:  3rem;       /* 48px */
  --text-6xl:  3.75rem;    /* 60px */

  /* ── Line heights ── */
  --leading-none:     1;
  --leading-tight:    1.25;
  --leading-snug:     1.375;
  --leading-normal:   1.5;
  --leading-relaxed:  1.625;
  --leading-loose:    2;

  /* ── Letter spacing ── */
  --tracking-tight:  -0.025em;
  --tracking-normal:  0em;
  --tracking-wide:    0.025em;
  --tracking-wider:   0.05em;
  --tracking-widest:  0.1em;

  /* ── Semantic roles ── */
  --font-display:        var(--ff-display);
  --font-body:           var(--ff-body);
  --font-mono:           var(--ff-mono);

  /* Display headings — Golos Text, black weight */
  --style-hero:          var(--fw-black) var(--text-5xl)/var(--leading-tight) var(--ff-display);
  --style-h1:            var(--fw-black) var(--text-4xl)/var(--leading-tight) var(--ff-display);
  --style-h2:            var(--fw-bold)  var(--text-3xl)/var(--leading-snug)  var(--ff-display);
  --style-h3:            var(--fw-bold)  var(--text-2xl)/var(--leading-snug)  var(--ff-display);
  --style-h4:            var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--ff-display);
  --style-h5:            var(--fw-semibold) var(--text-lg)/var(--leading-normal) var(--ff-display);

  /* Body text — Inter */
  --style-body-lg:       var(--fw-regular) var(--text-lg)/var(--leading-relaxed) var(--ff-body);
  --style-body:          var(--fw-regular) var(--text-base)/var(--leading-relaxed) var(--ff-body);
  --style-body-sm:       var(--fw-regular) var(--text-sm)/var(--leading-relaxed)  var(--ff-body);

  /* Labels / UI text */
  --style-label-lg:      var(--fw-medium) var(--text-base)/var(--leading-normal) var(--ff-body);
  --style-label:         var(--fw-medium) var(--text-sm)/var(--leading-normal)   var(--ff-body);
  --style-label-sm:      var(--fw-medium) var(--text-xs)/var(--leading-normal)   var(--ff-body);

  /* Caption / meta */
  --style-caption:       var(--fw-regular) var(--text-xs)/var(--leading-normal)  var(--ff-body);
  --style-overline:      var(--fw-semibold) var(--text-xs)/var(--leading-normal) var(--ff-body);

  /* Number display (KPIs) */
  --style-kpi:           var(--fw-black) var(--text-4xl)/1 var(--ff-display);
  --style-kpi-sm:        var(--fw-bold) var(--text-2xl)/1  var(--ff-display);
}