/* Токены v10 «Цвет как навигация» — все переменные сайта и классы цвета раздела.
   Значения v10 перенесены без изменений (design/v10/index.html); ниже отмечены добавленные для
   внутренних страниц. Тема refined переопределяет переменные в theme-refined.css.
   Описание и правила использования — docs/FRONTEND.md. */

:root {
  /* палитра */
  --bg: #FFFFFF;
  --ink: #18212B;
  --muted: #5B6673;
  --blue: #2C5FA8;   /* «О компании» */
  --green: #237A4B;  /* «Продукты» */
  --teal: #1F7A8C;   /* «Услуги» */
  --line: rgba(24, 33, 43, .12);
  --surface: #F3F5F7;
  --studio: #ECEEF1;
  --tone: var(--ink); /* цвет раздела по умолчанию (новости, контакты, прочее) — перекрывают .tone-* */

  /* сетка */
  --container: 1200px;
  --pad: 20px;
  --gutter: 20px;
  --header-h: 64px;
  --bar-pad: 20px;
  --radius: 3px;
  --section: 48px;

  /* кегли */
  --fs-slide: 22px;
  --fs-slide-p: 15px;
  --fs-h1: 26px;     /* добавлено: h1 внутренних страниц */
  --fs-lead: 16px;   /* добавлено: лид под h1 */
  --fs-h2: 22px;
  --fs-h2-promo: 20px;
  --fs-h3: 17px;
  --fs-body: 15px;
  --fs-menu: 15px;
  --fs-small: 14px;
}
@media (min-width: 768px) {
  :root {
    --pad: 24px;
    --gutter: 32px;
    --header-h: 84px;
    --bar-pad: 28px;
    --section: 72px;
    --fs-slide: 28px;
    --fs-slide-p: 17px;
    --fs-h1: 30px;
    --fs-lead: 17px;
    --fs-h2: 26px;
    --fs-h2-promo: 24px;
    --fs-h3: 18px;
    --fs-body: 16px;
    --fs-small: 14px;
  }
}
@media (min-width: 1024px) {
  :root { --fs-slide: 32px; --fs-h1: 32px; }
}

/* Цвет раздела: класс на контейнере задаёт --tone всем потомкам.
   blue — «О компании», green — «Продукты», teal — «Услуги», ink — новости, контакты, прочее. */
.tone-blue  { --tone: var(--blue); }
.tone-green { --tone: var(--green); }
.tone-teal  { --tone: var(--teal); }
.tone-ink   { --tone: var(--ink); }