/* 
=============================
design-tokens.css — ЕДИНАЯ ТОЧКА НАСТРОЕК
=============================
Изменяйте значения ниже — так вы управляете цветами, размерами шрифтов,
кнопок и рамок на всём сайте. Все значения снабжены комментариями.
Совет: начинайте с блоков «Цвета», «Типографика», «Кнопки», «Рамки».
*/

:root{
  /* ---------- Цвета (основная тема) ---------- */
  --bg1: #0b3437;              /* верхняя часть градиента фона */
  --bg2: #0a1f22;              /* нижняя часть градиента фона */
  --ink: #5ff5d9;              /* основной цвет текста */
  --ink-dim: #3ddbc4;          /* приглушённый текст, подписи */
  --ink-strong: #dffff8;       /* яркие заголовки и акценты */
  --panel: rgba(4,29,31,.55);  /* фон панелей-карточек */
  --panel-border: rgba(85,247,224,.55); /* цвет пунктирных рамок панелей */

  --cta: #36e7cf;              /* фон вторичных CTA/тайлов */
  --cta-text: #05363a;         /* текст на светлой CTA */
  --cta1: #7E3CE0;             /* фон главной фиолетовой CTA-кнопки */
  --accent-primary: #7E3CE0;   /* основной акцент (рамки, свечение и т.п.) */

  /* ---------- Типографика ---------- */
  --font-family: "Share Tech Mono","JetBrains Mono",monospace; /* базовый шрифт */
  --font-size-base: 30px;      /* базовый размер текста на сайте */
  --line-height-base: 1.55;    /* межстрочный интервал основного текста */
  --letter-spacing-base: .2px; /* межбуквенное расстояние по умолчанию */

  --h1-size: 120px;             /* размер H1 на десктопе */
  --h1-line-height: 1.08;      /* интерлиньяж H1 */
  --h2-size: 32px;             /* размер H2 */
  --h2-line-height: 1;         /* интерлиньяж H2 */
  --subtitle-color: var(--ink-dim);
  --micro-size: 18.5px;          /* размер «мелкого» текста (.micro) */

  /* ---------- Кнопки ---------- */
  --btn-font-size: 28px;       /* размер шрифта на кнопках */
  --btn-font-weight: 800;      /* жирность текста на кнопках */
  --btn-padding-y: 1px;       /* вертикальные внутренние отступы кнопки */
  --btn-padding-x: 2px;       /* горизонтальные внутренние отступы кнопки */
  --btn-radius: 20px;          /* радиус скругления кнопок */
  --btn-shadow: 0 0 24px rgba(54,231,207,.45); /* стандартная тень кнопки */
  --btn-shadow-hover: 0 0 34px rgba(54,231,207,.7); /* тень при наведении */
  --btn-primary-shadow: 0 0 24px rgba(126,60,224,.45); /* тень фиолетовой кнопки */
  --btn-primary-shadow-hover: 0 0 34px rgba(126,60,224,.70);
  /* Тайлы-кнопки (О агентстве / О боте) */
  --tile-font-size: 15px;
  --tile-font-weight: 600;
  --tile-letter-spacing: .6px;


  /* Индивидуальные настройки главной (фиолетовой) CTA */
  --btn-primary-min-width: 360px; /* мин. ширина главной кнопки */
  --btn-primary-padding-y: 1px;  /* вертикальные отступы главной кнопки */
  --btn-primary-padding-x: 2px;  /* горизонтальные отступы главной кнопки */

    
  /* Глобальная минимальная высота кнопок (Index) — меняйте тут */
  --btn-min-height: 86px;

  /* ---------- Рамки и карточки ---------- */
  --border-style: none;      /* стиль линий: solid | dashed | dotted */
  --border-width: 0px;         /* толщина линий панелей и элементов */
  --radius-panel: 0px;         /* скругление углов панелей (0 = квадрат) */
  --panel-padding: 22px;       /* внутренние отступы панелей */
  --tile-radius: 10px;         /* скругление тайлов на блоке «О агентстве / О боте» */

    /* ---------- Sticky CTA ---------- */
  --sticky-btn-width: min(520px, 60vw);  /* ШИРИНА всплывающей кнопки (регулируйте) */
  --sticky-btn-height: var(--btn-min-height); /* ВЫСОТА всплывающей кнопки (регулируйте) */

/* ---------- Сетка и декор ---------- */
  --grid-size: 32px;           /* размер шагов декоративной сетки в фоне */
  --gallery-border-width: 2px; /* толщина рамки в галерее */
  --gallery-glow: 0 0 14px rgba(126,60,224,.75); /* свечение картинок галереи */
}

/* ---------- Адаптивные правки (можно подогнать под себя) ---------- */
@media (max-width: 420px){
  :root{
    --h1-size: 34px;           /* H1 поменьше на очень узких экранах */
    --btn-primary-min-width: 0px; /* на очень узких — убираем фикс. мин. ширину */
  }
}