/* Тёмная тема.
 *
 * Холст и глубина — как у business.max.ru (почти чёрный, фиолетовый акцент),
 * масштаб типографики и пилюли — как у naexagency.ru. Бирюза маскота осталась
 * вторым акцентом: она отличает нас от обоих образцов и связывает сайт с ботом.
 */
:root {
  --bg: #0b0b0f;
  --bg-soft: #101019; /* чередование секций, едва заметное */
  --surface: #15151f; /* карточки */
  --surface-2: #1c1c28; /* поля ввода и приподнятые элементы */
  --glass: rgba(255, 255, 255, 0.05);
  --glass-strong: rgba(255, 255, 255, 0.09);

  --brand: #6b2bff;
  --brand-2: #3a89fb;
  --brand-dark: #571ee0;
  --brand-soft: rgba(107, 43, 255, 0.16);
  --accent: #12ddc0;
  --accent-soft: rgba(18, 221, 192, 0.13);

  /* Градиент — главный носитель фирменного стиля: кнопки, подсветка, цифры. */
  --gradient: linear-gradient(135deg, #6b2bff 0%, #3a89fb 100%);

  /* На тёмном чистый белый в основном тексте режет глаз, поэтому основной
     цвет чуть приглушён, а полный белый оставлен заголовкам. */
  --ink: #f4f4f8;
  --ink-strong: #ffffff;
  --ink-soft: rgba(244, 244, 248, 0.68);
  /* 0.44 выглядело аккуратнее, но давало контраст 4.07 при норме 4.5 для
     мелкого текста — включая согласие на обработку данных. Измерено, не на глаз. */
  --ink-muted: rgba(244, 244, 248, 0.56);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);

  --ok: #2ee6a8;
  --err: #ff5f6d;

  --radius-sm: 14px;
  --radius: 24px;
  --radius-lg: 32px;
  --radius-pill: 999px;

  /* На тёмном тени почти не читаются — глубину даёт свечение акцента. */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.4);
  --shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 32px 80px rgba(0, 0, 0, 0.65);
  --glow: 0 12px 40px rgba(107, 43, 255, 0.45);

  --gutter: 24px;
  --max-width: 1180px;

  /* Общая ширина кнопок выбора: мессенджеры и «Заказать своего бота» стоят
     рядом и должны быть одного размера. Значение — по самой длинной подписи
     («Заказать своего бота») с небольшим запасом на другой рендер шрифта. */
  --btn-choice-width: 228px;
  --btn-choice-height: 60px;

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}