/*
 * helpexcel-tokens.css — единый источник дизайн-токенов HelpExcel.pro
 *
 * Все значения подтянуты из существующих хардкодов css/helpexcel-ui.css
 * и css/site-fixes.css. Задача файла — один раз объявить переменные,
 * чтобы остальные editable-стили (helpexcel-ui.css, site-fixes.css)
 * ссылались на них через var(--he-*) вместо литералов.
 *
 * Подключается первым в каждой странице через @import в site-fixes.css
 * (и это же делает их доступными для helpexcel-ui.css, который
 * подключается позже инъекцией scripts/inject-forms-lead-into-pages.mjs).
 *
 * ПРАВИЛА:
 *   • Менять значения только здесь, никогда в UI-слое.
 *   • Новые токены — с префиксом --he-.
 *   • Не добавлять Tilda-специфичные селекторы, только :root.
 */

:root {
  /* ─── Цвета (Colors) ────────────────────────────────────────── */
  /* Основной текст — из helpexcel-ui__modal, helpexcel-ui__product-name */
  --he-color-text: #1d2233;
  /* Вторичный текст — helpexcel-ui__close, helpexcel-ui__subtitle, helpexcel-ui__payment-url-text */
  --he-color-text-secondary: #363f55;
  /* Акцент (ссылки, цена) — helpexcel-ui__product-price, helpexcel-ui__legal-link */
  --he-color-accent: #5171f7;
  /* Цвет CTA-кнопки (submit) — helpexcel-ui__submit, helpexcel-ui__btn-open-pay border.
     Был #817af9 → ≈3.7:1 с белым (fail WCAG 1.4.3 AA). Подняли до 5.28:1. */
  --he-color-button: #5b5cd6;
  /* Светлый фон блоков — helpexcel-ui__close background, helpexcel-ui__order-summary */
  --he-color-bg-light: #f2f4fb;
  /* Тонкие бордеры — helpexcel-ui__order-summary, helpexcel-ui__payment-debug, helpexcel-ui__payment-raw */
  --he-color-border: #e2e8f8;
  /* Бордер input/textarea — helpexcel-ui__field input */
  --he-color-border-input: #d4dced;

  /* ─── Типография (Typography) ───────────────────────────────── */
  /* Основной line-height для body-текста — helpexcel-ui__legal, .t585__text, списки */
  --he-line-height-text: 1.5;
  /* line-height заголовков — helpexcel-ui__title, helpexcel-ui__product-price */
  --he-line-height-heading: 1.2;
  /* Размеры шрифтов: заголовок модалки, подзаголовок, body input */
  --he-font-size-title: 22px;
  --he-font-size-subtitle: 15px;
  --he-font-size-body: 16px;
  /* Семейство — FuturaPT (через alias Jost, см. helpexcel-fonts.css) */
  --he-font-family: 'FuturaPT', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  /* ─── Скругления (Radii) ────────────────────────────────────── */
  /* helpexcel-ui__payment-raw */
  --he-radius-sm: 8px;
  /* helpexcel-ui__field input */
  --he-radius-md: 10px;
  /* helpexcel-ui__modal (также order-summary 12px — см. комментарий ниже) */
  --he-radius-lg: 16px;
  /* Pill — helpexcel-ui__submit, helpexcel-ui__btn-open-pay */
  --he-radius-pill: 999px;

  /* ─── Отступы (Spacing) ─────────────────────────────────────── */
  /* checkbox gap / success-error margin */
  --he-spacing-sm: 8px;
  /* padding модалки order-summary / field margin */
  --he-spacing-md: 14px;
  /* padding модалки (helpexcel-ui__modal) */
  --he-spacing-lg: 22px;

  /* ─── Расширение: токены для pattern-слоя (helpexcel-patterns.css) ─── */
  /* Используются компонентами .he-card-*, .he-breadcrumbs, .he-cta-block.
     Префиксы сохранены (--he-*), названия не коллидируют с UI-слоем. */

  /* Палитра — алиасы/добавления */
  --he-color-primary:        #5873ec; /* основной brand-blue, t776 кнопки, ссылки */
  --he-color-primary-hover:  #3d56c4;
  --he-color-primary-soft:   #f7faff; /* бледный фон секций */
  --he-color-accent-2:       #646efb; /* вариант accent (мобильное меню) */
  --he-color-highlight:      #c883e5; /* пурпурный highlight */
  --he-color-ink:            #1d2233; /* = --he-color-text */
  --he-color-ink-soft:       #363f55; /* = --he-color-text-secondary */
  --he-color-ink-muted:      #5c6478;
  --he-color-ink-subtle:     #6b7289;
  --he-color-surface:        #ffffff;
  --he-color-surface-2:      #f2f4fb; /* = --he-color-bg-light */
  --he-color-surface-alt:    #f8f9fc;

  /* Дополнительные радиусы для карточек/CTA */
  --he-radius-xs:            5px;     /* Tilda baseline */
  --he-radius-xl:            24px;    /* hero-блоки */

  /* Тени */
  --he-shadow-sm:  0 1px 2px rgba(29, 34, 51, 0.06);
  --he-shadow-md:  0 6px 18px rgba(29, 34, 51, 0.08);
  --he-shadow-lg:  0 14px 40px rgba(29, 34, 51, 0.12);

  /* Дополнительные spacing (spacing-xs / spacing-xl) */
  --he-spacing-xs:  4px;
  --he-spacing-xl:  32px;
  --he-spacing-2xl: 48px;

  /* Переходы */
  --he-ease:        ease-in-out;
  --he-duration-xs: 120ms;
  --he-duration-sm: 200ms;
  --he-duration-md: 280ms;

  /* ─── Extracted from Tilda visual baseline ─────────────────── */
  /* Источник: scripts/extract-tilda-visual.mjs (9 pages, 2026-04-25T16:49:00.117Z) */
  /* extracted from Tilda baseline (avg of 9 pages, range 36-77) */
  --he-font-size-h1: 49px;
  /* extracted from Tilda baseline (most-frequent in 22-44px bucket) */
  --he-font-size-h2: 18px;
  /* extracted from Tilda baseline (most frequent body size) */
  --he-font-size-text: 16px;
  /* extracted from Tilda baseline (modal of 1.2-1.8 ratios) */
  --he-line-height-body: 1.55;
  /* extracted Tilda CTA bg (24 samples) */
  --he-cta-bg: #5873ec;
  /* extracted Tilda CTA text color */
  --he-cta-color: #ffffff;
  /* extracted Tilda CTA vertical padding */
  --he-cta-padding-y: 13px;
  /* extracted Tilda CTA horizontal padding */
  --he-cta-padding-x: 30px;
  /* extracted Tilda CTA font-size */
  --he-cta-font-size: 14px;
  /* extracted Tilda CTA border-radius */
  --he-cta-radius: 50px;
  /* extracted Tilda baseline shadow (count 42) */
  --he-tilda-shadow: rgba(29, 45, 133, 0) 2px 0px 0px 0px;
}