/* ══════════════════════════════════════════════════════════════════
   ТОКЕНЫ САЙТА (с 12 ноября 2026 года)

   Значения — README макета калькулятора v4 (design_handoff_calculator,
   раздел «Токены» и описания кнопок, плашек и окна). Новых значений
   здесь нет: что не названо в README, взято из макета и помечено.

   Подключает header.php на всех страницах, кроме /landing: у лендинга
   своя палитра в css/landing.css, и общие файлы, которые он тоже
   грузит (style.css, nav.css, footer.css и др.), берут акцент через
   var(--mq-accent, <прежний>) — без этого файла на лендинге остаётся
   прежний цвет.

   Прежний акцент сайта — #3C4AFA (hover #3040E8, текст #2E39C4,
   тонировка #ECEEFE).
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* Акцент */
  --mq-accent: #4C3DF7;
  --mq-accent-rgb: 76, 61, 247;
  --mq-accent-hover: #3527D6;
  --mq-accent-text: #4033C9;   /* тёмный акцент текста */
  --mq-accent-tint: #EFECFE;   /* тонировка */
  --mq-accent-ring: #E3DEFE;   /* кольцо фокуса */
  --mq-violet-200: #C9C2FD;
  --mq-violet-300: #B3A9FF;
  --mq-violet-400: #8E83F8;

  /* Текст */
  --mq-ink: #0E1116;
  --mq-ink-2: #3C4553;         /* вторичный */
  --mq-ink-3: #4A5361;
  --mq-ink-4: #5B6472;
  --mq-muted: #6A7383;         /* подписи */
  --mq-muted-2: #8A919E;
  --mq-placeholder: #9AA2B1;

  /* Фоны и линии */
  --mq-bg-1: #F5F6F8;
  --mq-bg-2: #FAFAFC;
  --mq-bg-3: #FBFBFD;
  --mq-bg-4: #F0F1F4;
  --mq-line-1: #EDEFF3;
  --mq-line-2: #E6E8EC;
  --mq-line-3: #DCDFE5;
  --mq-line-4: #D5D8E0;

  /* Состояния */
  --mq-ok-bg: #E3F7E9;
  --mq-ok: #12693B;
  --mq-ok-2: #1FA35A;
  --mq-ok-3: #1FB955;
  --mq-warn-bg: #FFF1E6;
  --mq-warn: #A24E07;
  --mq-err: #E5484D;
  --mq-err-text: #C4282E;
  --mq-err-bg: #FFF8F8;
  --mq-neutral-bg: #EEEFF2;    /* бейдж «примерно» */

  /* Радиусы: поля, плашки, карточки-ссылки, блоки, карточки,
     окно и CTA, таблетки */
  --mq-r-12: 12px;
  --mq-r-14: 14px;
  --mq-r-16: 16px;
  --mq-r-18: 18px;
  --mq-r-22: 22px;
  --mq-r-28: 28px;
  --mq-r-pill: 999px;

  /* Тени — только у «окон»: окно калькулятора и иллюстрация первого экрана */
  --mq-shadow-window: 0 30px 80px rgba(40, 30, 140, .14), 0 2px 6px rgba(14, 17, 22, .05);
  --mq-shadow-art: 0 30px 70px rgba(60, 45, 200, .18);
  --mq-shadow-chip: 0 12px 30px rgba(40, 30, 140, .14);
  --mq-shadow-btn: 0 12px 28px rgba(76, 61, 247, .3);

  /* Кнопки-таблетки, три размера.
     L — «Рассчитать импорт» по README: 58 / 0 34 / 17·800.
     M — высота и кегль кнопок Telegram и MAX по README (48, 15·700);
         отступа у них нет (во всю ширину), 0 30 взят из макета —
         кнопка 54 px страницы калькулятора.
     S — в README нет; из макета — вкладки окна: 40 / 0 18 / 14·700. */
  --mq-btn-l-h: 58px;  --mq-btn-l-px: 34px;  --mq-btn-l-fs: 17px;  --mq-btn-l-fw: 800;
  --mq-btn-m-h: 48px;  --mq-btn-m-px: 30px;  --mq-btn-m-fs: 15px;  --mq-btn-m-fw: 700;
  --mq-btn-s-h: 40px;  --mq-btn-s-px: 18px;  --mq-btn-s-fs: 14px;  --mq-btn-s-fw: 700;

  /* Карточки: одно скругление, одна рамка, без тени */
  --mq-card-r: var(--mq-r-22);
  --mq-card-border: 1px solid var(--mq-line-2);
}