/*
  Единая типографическая шкала IDCAD Генплан.
  Здесь хранятся только роли текста. Геометрия страниц, отступы и сетки
  остаются в специализированных CSS-файлах.
*/
:root {
  --type-font-ui: "Segoe UI", Arial, sans-serif;

  --type-section-size: clamp(1.25rem, 2vw, 1.55rem);
  --type-section-weight: 700;
  --type-section-line: 1.25;
  --type-section-spacing: .04em;

  --type-subsection-size: 1.32rem;
  --type-subsection-weight: 620;
  --type-subsection-line: 1.15;
  --type-subsection-spacing: -.025em;

  --type-control-size: .96rem;
  --type-control-weight: 620;
  --type-control-line: 1.15;
  --type-control-spacing: -.025em;

  --type-cta-size: 1rem;
  --type-cta-weight: 750;
  --type-cta-line: 1.15;
  --type-cta-spacing: -.025em;

  --type-strong-label-size: .92rem;
  --type-strong-label-weight: 700;
  --type-strong-label-line: 1.45;
  --type-strong-label-spacing: 0;

  --type-meta-size: .82rem;
  --type-meta-weight: 400;
  --type-meta-line: 1.4;
  --type-meta-spacing: 0;

  --type-body-small-size: .84rem;
  --type-body-small-weight: 400;
  --type-body-small-line: 1.55;
  --type-body-small-spacing: 0;
}

/* Существующий общесайтовый заголовок секции теперь опирается на общую шкалу. */
.section-accent-title,
.type-section-title {
  font-family: var(--type-font-ui);
  font-size: var(--type-section-size);
  font-weight: var(--type-section-weight);
  line-height: var(--type-section-line);
  letter-spacing: var(--type-section-spacing);
}

.type-subsection-title {
  font-family: var(--type-font-ui);
  font-size: var(--type-subsection-size);
  font-weight: var(--type-subsection-weight);
  line-height: var(--type-subsection-line);
  letter-spacing: var(--type-subsection-spacing);
}

.type-control-label {
  font-family: var(--type-font-ui);
  font-size: var(--type-control-size);
  font-weight: var(--type-control-weight);
  line-height: var(--type-control-line);
  letter-spacing: var(--type-control-spacing);
}

.type-cta {
  font-family: var(--type-font-ui);
  font-size: var(--type-cta-size);
  font-weight: var(--type-cta-weight);
  line-height: var(--type-cta-line);
  letter-spacing: var(--type-cta-spacing);
}

.type-strong-label {
  font-family: var(--type-font-ui);
  font-size: var(--type-strong-label-size);
  font-weight: var(--type-strong-label-weight);
  line-height: var(--type-strong-label-line);
  letter-spacing: var(--type-strong-label-spacing);
}

.type-meta {
  font-family: var(--type-font-ui);
  font-size: var(--type-meta-size);
  font-weight: var(--type-meta-weight);
  line-height: var(--type-meta-line);
  letter-spacing: var(--type-meta-spacing);
}

.type-body-small {
  font-family: var(--type-font-ui);
  font-size: var(--type-body-small-size);
  font-weight: var(--type-body-small-weight);
  line-height: var(--type-body-small-line);
  letter-spacing: var(--type-body-small-spacing);
}