/* =========================================================
   АКС (aks-43.ru) - дизайн-токены v1.0
   Подключать после bootstrap.min.css и до site.css. Пути шрифтов - для продакшена (/web/fonts/)
   ========================================================= */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/inter-cyrillic-var.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:100 900;font-display:swap;
  src:url("/fonts/inter-latin-var.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* ---- Цвет: базовые ---- */
  --c-ink:#1c1f24;        /* основной текст, заголовки */
  --c-ink-2:#4a505a;      /* второстепенный текст */
  --c-muted:#646b76;      /* подписи, плейсхолдеры, мета */
  --c-line:#e3e6ea;       /* границы, разделители (декоративно) */
  --c-line-strong:#858c97;/* границы полей ввода (≥3:1 к фону) */
  --c-bg:#ffffff;         /* фон страницы */
  --c-bg-alt:#f5f6f8;     /* фон чередующихся секций */
  --c-dark:#23272e;       /* тёмные поверхности: hero, футер, топбар */
  --c-dark-2:#2f343c;     /* hover на тёмном */
  --c-on-dark:#ffffff;    /* текст на тёмном */
  --c-on-dark-2:#b3b9c2;  /* второстепенный текст на тёмном */
  /* ---- Цвет: бренд и действия ---- */
  --c-brand:#c8102e;      /* красный из логотипа: акценты, «надзаголовки», активный пункт */
  --c-brand-dark:#a50d26; /* ссылки в тексте, hover бренда */
  --c-brand-on-dark:#ff8a98; /* бренд-акцент на тёмном фоне */
  --c-cta:#f5a300;        /* главная кнопка (оранжевый сохраняем из текущего сайта) */
  --c-cta-hover:#ffb52e;
  --c-cta-active:#e09400;
  --c-on-cta:#1c1f24;     /* текст на CTA - ТОЛЬКО тёмный */
  --c-focus:#1d4ed8;      /* кольцо фокуса */
  /* ---- Цвет: состояния ---- */
  --c-success:#15803d; --c-success-bg:#ecfdf3;
  --c-error:#b91c1c;   --c-error-bg:#fef2f2;
  --c-warn:#8a5a00;    --c-warn-bg:#fff6e0;   /* «вопрос к заказчику», плейсхолдеры */
  --c-info:#1d4ed8;    --c-info-bg:#eef4ff;

  /* ---- Типографика ---- */
  --font:"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-black:800;
  /* шкала: мобильный → десктоп (clamp между 390 и 1440 px) */
  --fs-display:clamp(2.125rem,1.5rem + 2.6vw,3.25rem); /* 34 → 52 */
  --fs-h1:clamp(1.875rem,1.4rem + 1.9vw,2.75rem);      /* 30 → 44 */
  --fs-h2:clamp(1.625rem,1.3rem + 1.2vw,2.125rem);     /* 26 → 34 */
  --fs-h3:clamp(1.25rem,1.15rem + .4vw,1.375rem);      /* 20 → 22 */
  --fs-h4:clamp(1.0625rem,1rem + .2vw,1.125rem);       /* 17 → 18 */
  --fs-lead:clamp(1.0625rem,1rem + .3vw,1.1875rem);    /* 17 → 19 */
  --fs-body:clamp(1rem,.97rem + .1vw,1.0625rem);       /* 16 → 17 */
  --fs-small:clamp(.875rem,.86rem + .06vw,.9375rem);   /* 14 → 15 */
  --fs-caption:.8125rem;                               /* 13 */
  --lh-tight:1.15; --lh-heading:1.25; --lh-body:1.6;
  --ls-heading:-.01em; --ls-caps:.08em;

  /* ---- Отступы (база 4 px) ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --section-y:clamp(48px,4vw + 32px,80px);

  /* ---- Сетка ---- */
  --container:1240px; --gutter:24px; --gutter-sm:16px;
  /* брейкпоинты = Bootstrap 3: xs <768, sm ≥768, md ≥992, lg ≥1200 (в медиазапросах - числами) */

  /* ---- Радиусы, тени, слои ---- */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --sh-md:0 8px 24px rgba(16,24,40,.08);
  --sh-lg:0 24px 56px rgba(16,24,40,.18);
  --z-header:50; --z-mbar:60; --z-modal:100;

  /* ---- Размеры элементов ---- */
  --tap:48px;          /* минимальная высота кнопок/тач-зон (≥44 по WCAG 2.5.5) */
  --header-h:88px; --header-h-sm:72px;
  --focus-ring:0 0 0 3px #fff,0 0 0 5px var(--c-focus);
  --t-fast:.15s ease;
}