/* VERIFIQ SHARED TYPE SYSTEM V1 START */

/*
 * Единая типографическая система страниц объектов.
 *
 * Файл изменяет только:
 * - размеры шрифтов;
 * - line-height;
 * - отдельные веса шрифтов.
 *
 * Цвета, фоны, размеры контейнеров, сетки,
 * позиционирование и JavaScript не затрагиваются.
 */

body[data-type-system="v1"] {
  --vt-h1: clamp(48px, 4.8vw, 68px);
  --vt-h2: clamp(39px, 3.8vw, 55px);
  --vt-h3: 23px;

  --vt-lead: 15px;
  --vt-body: 13.5px;
  --vt-card: 12.5px;
  --vt-caption: 10.5px;
  --vt-button: 13.5px;
  --vt-nav: 12.5px;

  --vt-line-body: 1.56;
  --vt-line-card: 1.52;
  --vt-line-caption: 1.42;

  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Крупная иерархия */

body[data-type-system="v1"] .hero h1,
body[data-type-system="v1"] .hero-copy h1 {
  font-size: var(--vt-h1);
  line-height: .99;
}

body[data-type-system="v1"] .section-head h2 {
  font-size: var(--vt-h2);
  line-height: 1.02;
}

body[data-type-system="v1"] article h3,
body[data-type-system="v1"] [class*="-card"] h3 {
  font-size: var(--vt-h3);
  line-height: 1.12;
}

/* Навигация и кнопки */

body[data-type-system="v1"] .header nav a {
  font-size: var(--vt-nav);
  line-height: 1.35;
}

body[data-type-system="v1"] :is(
  .btn,
  button,
  summary,
  [role="button"]
) {
  font-size: var(--vt-button);
  line-height: 1.28;
}

body[data-type-system="v1"] .brand small {
  font-size: var(--vt-caption);
  line-height: 1.25;
  letter-spacing: .13em;
}

/* Вводные тексты */

body[data-type-system="v1"] :is(
  .hero-copy > p,
  .hero-copy .lead,
  .section-head > p
) {
  font-size: var(--vt-lead);
  line-height: var(--vt-line-body);
}

/* Основной текст */

body[data-type-system="v1"] main p,
body[data-type-system="v1"] main li {
  font-size: var(--vt-body);
  line-height: var(--vt-line-body);
}

/* Карточки и форма */

body[data-type-system="v1"] :is(
  article,
  .form-card,
  [class*="-card"],
  [class*="-panel"]
) p {
  font-size: var(--vt-card);
  line-height: var(--vt-line-card);
}

body[data-type-system="v1"] .form-card label {
  font-size: 11.5px;
  line-height: 1.4;
}

body[data-type-system="v1"] .form-card :is(
  input,
  select,
  textarea
) {
  font-size: 14px;
  line-height: 1.45;
}

/* Служебные подписи */

body[data-type-system="v1"] :is(
  small,
  .badge,
  [class*="badge"],
  [class*="label"],
  [class*="kicker"],
  [class*="micro"],
  [class*="legal"],
  [class*="note"],
  [class*="hint"],
  [class*="meta"],
  .upload-step
) {
  font-size: var(--vt-caption);
  line-height: var(--vt-line-caption);
}

/* Подвал */

body[data-type-system="v1"] footer p {
  font-size: 11.5px;
  line-height: 1.55;
}

body[data-type-system="v1"] footer a,
body[data-type-system="v1"] footer summary {
  font-size: 11px;
  line-height: 1.4;
}

/* Мобильная шкала */

@media (max-width: 980px) {
  body[data-type-system="v1"] {
    --vt-h1: 38px;
    --vt-h2: 31px;
    --vt-h3: 20px;

    --vt-lead: 13.5px;
    --vt-body: 13px;
    --vt-card: 12px;
    --vt-caption: 10.5px;
    --vt-button: 13px;
    --vt-nav: 11.5px;
  }

  body[data-type-system="v1"] .hero h1,
  body[data-type-system="v1"] .hero-copy h1 {
    line-height: 1;
  }

  body[data-type-system="v1"] .section-head h2 {
    line-height: 1.03;
  }

  body[data-type-system="v1"] footer p {
    font-size: 10.5px;
  }

  body[data-type-system="v1"] footer a,
  body[data-type-system="v1"] footer summary {
    font-size: 10.5px;
  }
}

/* VERIFIQ SHARED TYPE SYSTEM V1 END */