/* Шкалы Carbon Design System: отступы и типографика.

   Отступы — из @carbon/layout: мини-юнит 8px, множители 0.25…20.
   Типографика — из @carbon/type, режим productive (рабочие интерфейсы;
   expressive оставлен для витрин и в проекте не используется).

   Значения продублированы в px в комментариях — это единственные размеры,
   которые разрешено использовать в проекте. Своих чисел не заводим.
*/

:root {
  /* ── отступы ── */
  --cds-spacing-01: 0.125rem;  /*   2px */
  --cds-spacing-02: 0.25rem;   /*   4px */
  --cds-spacing-03: 0.5rem;    /*   8px */
  --cds-spacing-04: 0.75rem;   /*  12px */
  --cds-spacing-05: 1rem;      /*  16px */
  --cds-spacing-06: 1.5rem;    /*  24px */
  --cds-spacing-07: 2rem;      /*  32px */
  --cds-spacing-08: 2.5rem;    /*  40px */
  --cds-spacing-09: 3rem;      /*  48px */
  --cds-spacing-10: 4rem;      /*  64px */
  --cds-spacing-11: 5rem;      /*  80px */
  --cds-spacing-12: 6rem;      /*  96px */
  --cds-spacing-13: 10rem;     /* 160px */

  /* ── типографическая шкала ── */
  --cds-type-scale-01: 0.75rem;   /* 12px */
  --cds-type-scale-02: 0.875rem;  /* 14px */
  --cds-type-scale-03: 1rem;      /* 16px */
  --cds-type-scale-04: 1.125rem;  /* 18px */
  --cds-type-scale-05: 1.25rem;   /* 20px */
  --cds-type-scale-06: 1.5rem;    /* 24px */
  --cds-type-scale-07: 1.75rem;   /* 28px */
  --cds-type-scale-08: 2rem;      /* 32px */
  --cds-type-scale-09: 2.25rem;   /* 36px */
  --cds-type-scale-10: 2.625rem;  /* 42px */

  /* ── размеры элементов Carbon ── */
  --cds-size-xs: 1.5rem;   /* 24px */
  --cds-size-sm: 2rem;     /* 32px */
  --cds-size-md: 2.5rem;   /* 40px — поля и кнопки по умолчанию */
  --cds-size-lg: 3rem;     /* 48px — строка таблицы, шапка */
  --cds-size-xl: 4rem;     /* 64px */
}

/* ── роли типографики (productive) ──
   Применяются классом, а не подбором размера на месте. */

.cds-label-01 {
  font-size: var(--cds-type-scale-01);
  line-height: 1.33333;
  letter-spacing: 0.32px;
  font-weight: 400;
}

.cds-body-compact-01 {
  font-size: var(--cds-type-scale-02);
  line-height: 1.28572;
  letter-spacing: 0.16px;
  font-weight: 400;
}

.cds-body-01 {
  font-size: var(--cds-type-scale-02);
  line-height: 1.42857;
  letter-spacing: 0.16px;
  font-weight: 400;
}

.cds-heading-01 {
  font-size: var(--cds-type-scale-02);
  line-height: 1.28572;
  letter-spacing: 0.16px;
  font-weight: 600;
}

.cds-heading-02 {
  font-size: var(--cds-type-scale-03);
  line-height: 1.375;
  letter-spacing: 0;
  font-weight: 600;
}

.cds-heading-03 {
  font-size: var(--cds-type-scale-05);
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
}

.cds-heading-04 {
  font-size: var(--cds-type-scale-07);
  line-height: 1.28572;
  letter-spacing: 0;
  font-weight: 400;
}

/* Крупные числа сводки: productive-heading-06, вес 300 — фирменная лёгкость Carbon */
.cds-heading-06 {
  font-size: var(--cds-type-scale-08);
  line-height: 1.199;
  letter-spacing: 0;
  font-weight: 300;
}