/* ============================================================
   AntiTarget / remont - ДИЗАЙН-ТОКЕНЫ
   Единственный источник правды по цвету/шрифту/отступам.
   Менять палитру/ритм - ТОЛЬКО здесь.
   Приоритет: скорость (системные шрифты, ноль web-fonts) + доверительный B2B-тон.
   ============================================================ */

/* ---------- ШРИФТ: Inter variable, self-hosted (контроль вида + скорость) ---------- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;              /* variable: весь диапазон */
  font-display: swap;
  src: url("../fonts/InterVariable.woff2") format("woff2");
}

:root {
  /* ---------- ЦВЕТ: полотно (сдержанное, доверительное, без глянца) ---------- */
  --c-bg:            #ffffff;   /* основной фон полотна */
  --c-bg-soft:       #f6f7f9;   /* мягкий фон секций-чередований */
  --c-bg-inverse:    #1b1e24;   /* тёмные блоки (футер/акцентная секция) */

  --c-ink:           #1b1e24;   /* основной текст - графит, макс. читаемость */
  --c-ink-soft:      #454b54;   /* вторичный текст */
  --c-ink-muted:     #6b727c;   /* подписи/мелочь */
  --c-ink-inverse:   #ffffff;   /* текст на тёмном */

  --c-line:          #e3e6ea;   /* рамки/разделители */
  --c-line-strong:   #cdd2d8;

  /* ---------- ЦВЕТ: акцент (любимый Саныча #C12488, изолированный) ----------
     Роль: ТОЛЬКО действие/ключевые выделения. Не заливать им полотно.
     Плоский, без градиента (данные 2026: плоский CTA бьёт градиент +4%). */
  --c-accent:        #c12488;   /* базовый акцент / CTA */
  --c-accent-hover:  #a71d75;   /* затемнён под hover */
  --c-accent-active: #8f1863;   /* ещё темнее под active/нажатие */
  --c-accent-soft:   #fbeaf4;   /* очень светлый фон-подложка акцента (бейджи/выделения) */
  --c-on-accent:     #ffffff;   /* текст на акценте (белый - проходит контраст на кнопке) */

  /* ---------- ЦВЕТ: доверие (приглушённый, НЕ второй яркий - не спорит с акцентом) ---------- */
  --c-trust:         #2f6f5e;   /* приглушённый зелёный - «надёжно/выполнено» (галочки гарантий) */
  --c-trust-soft:    #e7f1ee;

  /* ---------- ТИПОГРАФИКА: системный стек (кириллица из коробки, ноль загрузки) ---------- */
  --font-sans:
    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji";

  /* Шкала кегля (моб-first, крупные заголовки для 1-го экрана; clamp = адаптив без медиа) */
  --fs-hero:    clamp(1.75rem, 5.2vw, 3rem);      /* заголовок 1-го экрана */
  --fs-h2:      clamp(1.4rem, 3.6vw, 2.1rem);     /* заголовки секций */
  --fs-h3:      clamp(1.15rem, 2.4vw, 1.4rem);    /* подзаголовки/карточки */
  --fs-lead:    clamp(1.05rem, 2.2vw, 1.25rem);   /* подзаголовок-lead */
  --fs-body:    1.0625rem;                          /* базовый текст ~17px */
  --fs-small:   0.9375rem;                          /* мелкий/подписи ~15px */
  --fs-micro:   0.8125rem;                          /* микроподпись ~13px */

  --lh-tight:   1.15;   /* заголовки */
  --lh-snug:    1.35;   /* подзаголовки */
  --lh-base:    1.6;    /* текст */

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  /* ---------- ОТСТУПЫ: 8px-сетка (вертикальный ритм) ---------- */
  --sp-1:  0.25rem;   /* 4  */
  --sp-2:  0.5rem;    /* 8  */
  --sp-3:  0.75rem;   /* 12 */
  --sp-4:  1rem;      /* 16 */
  --sp-5:  1.5rem;    /* 24 */
  --sp-6:  2rem;      /* 32 */
  --sp-7:  3rem;      /* 48 */
  --sp-8:  4rem;      /* 64 */
  --sp-9:  6rem;      /* 96 */

  /* Вертикальные отступы секций (моб → десктоп через clamp) */
  /* было: --section-y: clamp(2.5rem, 7vw, 5rem); */
  --section-y: clamp(3rem, 8vw, 6rem);

  /* ---------- РАСКЛАДКА ---------- */
  --container:    72rem;   /* макс. ширина контента ~1152px */
  --container-narrow: 46rem; /* узкий контейнер для текстовых блоков */
  --gutter:       clamp(1rem, 4vw, 2rem); /* боковые поля */

  /* ---------- РАДИУСЫ / ТЕНИ / ПРОЧЕЕ ---------- */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(27,30,36,.06), 0 1px 3px rgba(27,30,36,.08);
  --shadow:    0 4px 12px rgba(27,30,36,.08), 0 2px 4px rgba(27,30,36,.06);
  --shadow-lg: 0 12px 32px rgba(27,30,36,.12);

  /* Минимальный тап-таргет (данные 2026: <44px = +31% случайных промахов) */
  --tap-min: 48px;

  --transition: 160ms ease;

  /* ---------- КОНФИГ ССЫЛОК (заменяемые константы под будущий переезд/бота) ----------
     deep-link в МАКС-бота пока заглушка. При появлении реальной ссылки
     меняется ТОЛЬКО значение здесь (и дубль в main.js для сборки UTM). */
  --z-sticky: 100;
  --z-header: 90;
}