/* ──────────────────────────────────────────────────────────────────────────
   Токены темы. Подключается ПЕРВЫМ, до style.css.

   Источник палитры — макет VZOR. До этого файла в style.css жило
   70 разных цветов на 499 вхождений, из них только 29% приходилось
   на восемь цветов макета; остальное — оттенки, снятые пипеткой по месту.

   Брендовые восемь трогать нельзя. Нейтральная и холодная шкалы —
   это не «ещё цвета», а честные роли: белое, чёрное, серое, подложки
   и линии. Декоративные цвета иллюстраций (бирюза, зелень, охра)
   намеренно не в системе: они принадлежат картинкам, а не интерфейсу.
   ────────────────────────────────────────────────────────────────────────── */

:root {

    /* ── Бренд: восемь цветов макета ──────────────────────────────────── */
    --g1-ink:        #2A2B4B;   /* тёмный, заголовки */
    --g1-text:       #3E3E3E;   /* основной текст */
    --g1-muted:      #766D97;   /* приглушённый */
    --g1-blue:       #506DD4;   /* синий бренда */
    --g1-purple:     #9D53C5;   /* фиолетовый бренда */
    --g1-accent:     #D96CFF;   /* акцент, подсветка */
    --g1-signal:     #D45050;   /* сигнал: ошибка, предупреждение */
    --g1-surface:    #F1F7FF;   /* холодная подложка секции */

    /* ── Нейтральная шкала ────────────────────────────────────────────── */
    --g1-white:      #FFFFFF;
    --g1-black:      #000000;
    --g1-grey-bg:    #F5F5F5;   /* серая подложка */
    --g1-grey-text:  #6B6B6B;   /* вторичный текст на светлом */

    /* ── Холодная шкала: подложки и линии ─────────────────────────────── */
    --g1-surface-2:  #EEF6FF;   /* вторая подложка, чуть теплее основной */
    --g1-tint:       #D9E9F2;   /* заливка плашек */
    --g1-line-cool:  #C6DAFF;   /* холодная линия */
    --g1-line:       #E4DCEE;   /* линия на светлом, сиреневатая */

    /* ── Градиент: один на весь сайт ──────────────────────────────────── */
    --g1-grad:       linear-gradient(98deg, #9D53C5 0%, #506DD4 100%);
    --g1-grad-hover: linear-gradient(98deg, #8A45B0 0%, #4560C2 100%);

    /* ── Шкала кегля ──────────────────────────────────────────────────── */
    --g1-fs-h1:      56px;
    --g1-fs-h2:      36px;
    --g1-fs-h3:      24px;
    --g1-fs-body:    18px;
    --g1-fs-small:   14px;

    /* ── Межстрочный ──────────────────────────────────────────────────── */
    --g1-lh-tight:   1.1;       /* крупные заголовки */
    --g1-lh-head:    1.25;      /* подзаголовки */
    --g1-lh-body:    1.55;      /* текст */

    /* ── Отступы: только эти значения ─────────────────────────────────── */
    --g1-s1:          8px;      /* внутри карточки */
    --g1-s2:         16px;
    --g1-s3:         24px;      /* между карточками */
    --g1-s4:         40px;
    --g1-s5:         64px;      /* заголовок и содержимое */
    --g1-s6:         96px;      /* между секциями */

    /* ── Радиусы и сетка ──────────────────────────────────────────────── */
    --g1-radius-btn:   28px;
    --g1-radius-card:  16px;
    --g1-radius-pill:  22px;
    --g1-container:  1200px;
    --g1-measure:     720px;    /* предельная ширина колонки текста */

    /* ── Область нажатия ──────────────────────────────────────────────── */
    --g1-touch:       44px;
}