/* KIT — design tokens v3 (24.07.2026)
   Источник правды: kit-brandbook.md + живой kit-brandbook-v3.html.
   Подключается первым файлом; дальше в вёрстке использовать ТОЛЬКО переменные,
   не хардкодить цвета и размеры.
   v3: салатовый #DFFB76 + навий #131A20 (было кислотное v1 #C6FF00/#0D0D0D). */

:root {
  /* ── Цвет ───────────────────────────────────────────── */
  --kit-lime:        #DFFB76;   /* салатовый акцент. Текст на нём — только навий/чёрный, белый НИКОГДА */
  --kit-lime-hover:  #D4F55C;
  --kit-lime-active: #C7EB45;

  --kit-black:       #131A20;   /* навий — основной текст, тёмные секции */
  --kit-gray-900:    #1F2A33;
  --kit-gray-500:    #8E93A0;   /* вторичный текст */
  --kit-gray-100:    #E4E6E0;   /* разделители, рамки полей, неактивное */
  --kit-off-white:   #F3F3F1;   /* пейпер — фон/чередование секций */
  --kit-white:       #FFFFFF;

  --kit-error:       #E5484D;   /* служебный, вне брендовой палитры */

  /* ── Типографика ────────────────────────────────────── */
  /* Текст (весь, вкл. кириллицу) — Inter. Знак KIT — НЕ шрифт, а вектор-ассет
     (Satoshi, переведённый в кривые и сжатый в квадрат): logo/kit-word.svg. */
  --kit-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kit-font-accent: cursive; /* рукописный акцент — отрисовывать в SVG (SignPainter-стиль), не грузить шрифт */

  --kit-h1: 64px;  --kit-h1-m: 40px;
  --kit-h2: 44px;  --kit-h2-m: 30px;
  --kit-h3: 28px;  --kit-h3-m: 22px;
  --kit-lead: 20px; --kit-lead-m: 17px;
  --kit-body: 17px; --kit-body-m: 16px;
  --kit-small: 14px; --kit-small-m: 13px;
  --kit-label: 13px; --kit-label-m: 12px;

  --kit-lh-tight: 1.05;
  --kit-lh-head: 1.15;
  --kit-lh-body: 1.6;
  --kit-tracking-head: -0.02em;
  --kit-tracking-label: 0.12em;
  --kit-tracking-logo: 0.35em;  /* ТОЛЬКО вертикальная компоновка логотипа.
                                   Горизонтальная (основная, знак слева) — letter-spacing: 0 */

  /* ── Ритм и сетка (шаг 8px) ─────────────────────────── */
  --kit-space-1: 8px;   --kit-space-2: 16px;  --kit-space-3: 24px;
  --kit-space-4: 32px;  --kit-space-5: 48px;  --kit-space-6: 64px;
  --kit-space-7: 80px;  --kit-space-8: 120px;

  --kit-section-y: 120px;   --kit-section-y-m: 72px;
  --kit-container: 1120px;  --kit-container-wide: 1200px;
  --kit-measure: 720px;     /* максимальная ширина текстового блока */
  --kit-gutter: 24px;
  --kit-pad-m: 20px; --kit-pad-t: 40px; --kit-pad-d: 48px; --kit-pad-w: 80px;

  /* ── Форма ──────────────────────────────────────────── */
  --kit-radius-sm: 8px;    /* кнопки, поля */
  --kit-radius-md: 16px;   /* карточки */
  --kit-radius-lg: 24px;   /* крупные блоки, медиа */
  --kit-radius-pill: 999px;
  --kit-border: 1px solid var(--kit-gray-100);
  --kit-focus: 0 0 0 2px var(--kit-white), 0 0 0 4px var(--kit-lime);
  --kit-tap: 44px;         /* минимальный тап-таргет */

  /* ── Движение ───────────────────────────────────────── */
  --kit-ease: cubic-bezier(0.2, 0, 0, 1);
  --kit-dur-fast: 150ms;
  --kit-dur: 250ms;
}

/* Брейкпоинты (для справки — в медиазапросах числа пишем явно):
   mobile ≤767 · tablet 768–1023 · desktop 1024–1439 · wide ≥1440 */

@media (max-width: 767px) {
  :root {
    --kit-h1: var(--kit-h1-m);
    --kit-h2: var(--kit-h2-m);
    --kit-h3: var(--kit-h3-m);
    --kit-lead: var(--kit-lead-m);
    --kit-body: var(--kit-body-m);
    --kit-small: var(--kit-small-m);
    --kit-label: var(--kit-label-m);
    --kit-section-y: var(--kit-section-y-m);
  }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ⛔ Запрещено в вёрстке: box-shadow для декора, linear-gradient,
   белый текст на лайме, более двух лаймовых пятен на экран. */

/* ─────────────────────────────────────────────────────────────
   ШРИФТЫ. Лежат у нас в fonts/, а не на серверах Google.
   Раньше страница ждала ответа fonts.googleapis.com и не рисовалась
   почти три секунды — это была единственная причина медленной загрузки.
   Inter — переменный файл (одно начертание на все веса 400-900),
   Caveat — один вес 700, он нужен только для рукописной подписи.
   Файлы разбиты по алфавитам: браузер качает кириллицу и не трогает
   латиницу-расширенную, пока она не встретится в тексте.
   ───────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/caveat-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/caveat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/inter-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}