/* ============================================================
   Дизайн-токены (извлечены из Elementor kit + widget CSS)
   ============================================================ */
:root {
  /* Цвета */
  --color-brand: #222e6a;
  --color-accent: #e68c00;
  /* Цвет ссылок в тексте (in-prose).
     В оригинале — глобальный цвет ссылок темы Astra `--ast-global-color-0` (#046bd2):
     все ссылки внутри text-editor отрисованы им (проверено на живом сайте, 2026-09-22). */
  --color-link: #046bd2;
  --color-ink: #16163f;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-line: #d7d7d9;
  --color-bg-soft: #f4f4f4;
  --color-bg-warm: #fffaf5;
  --color-light-gray: #fcfcfc;
  --color-muted: #bcbcbc;

  /* Типографика */
  --font-primary: "Roboto", sans-serif;
  --font-secondary: "Roboto Slab", serif;
  --font-text: "Roboto", sans-serif;
  --font-accent: "Roboto", sans-serif;
  --font-nav: "Montserrat", sans-serif;
  /* Замена отсутствующего Noah Regular */
  --font-alt: "Montserrat", sans-serif;

  /* Раскладка */
  --container: 1140px;
  --container-wide: 1440px;
  --container-stat: 1200px;
  --widget-gap: 20px;
  /* Внутренний отступ карточки-публикации: равен отступу картинки от краёв карточки
     и отступу карточки-кнопки от тех же краёв (требование 5) */
  --card-inset: 20px;
  /* Отступ от последнего блока контента до подвала — одинаковый на всех страницах */
  --page-bottom-gap: 100px;
  /* Базовый вертикальный отступ обёртки .page-content;
     он же — верхний отступ главного заголовка страницы (эталон — «Энергетика») */
  --page-pad: 40px;
  /* Внутренний отступ внутри смыслового блока (заголовок → контент и т.п.)
     на страницах с одинаковыми межблочными интервалами (Главная, «Управление наличностью») */
  --blk-inline-gap: 30px;
  /* Отступ между подблоками одного смыслового блока (у подблока есть собственный
     подзаголовок): заметно больше абзацного зазора (--widget-gap), но меньше
     межблочного (--page-bottom-gap) — примерно их середина. */
  --blk-subgap: 60px;

  /* Типографика — размеры из оригинала (desktop / tablet / mobile) */
  --fz-title-xl: 50px;   /* заголовок раздела / страницы (акцентная полоса) */
  --fz-title-lg: 42px;   /* крупный h2 смысловой секции */
  --fz-title-md: 34px;   /* page-hero kicker, footer H2 */
  --fz-title-sm: 24px;   /* h3-подзаголовок, карточка презентации */
  --fz-heading: 22px;    /* h3 «Планирование инкассаций», hero subtitle */
  --fz-body: 18px;       /* основной текст, пункты списков */
  --fz-small: 16px;      /* мелкий текст, даты, кнопки */
  --fz-tiny: 14px;       /* footer-ссылки, mobile-menu контакты */

  /* Радиусы */
  --radius-card: 20px;
  --radius-btn: 20px 20px 20px 20px;
  --radius-pill: 30px;

  /* Тени */
  --shadow-menu: 0 2px 10px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);

  /* Скорости */
  --trans: 0.3s ease;
}