/* ==========================================================================
   Дизайн-токены лендинга
   Палитра и метрики сняты с kadastr.ru (computed styles), типографика — Inter
   по требованию ТЗ. Футер использует Montserrat, как в оригинале.
   ========================================================================== */

:root {
  /* ── Бренд ──────────────────────────────────────────────────────────── */
  --rk-navy: #334059;          /* основной тёмно-синий: текст, фон футера */
  --rk-navy-80: #4a5670;
  /* Приглушённый текст. Затемнён с #70798b (4.38:1 — ниже AA) до 5.93:1 на белом
     и 5.54:1 на --rk-bg. */
  --rk-navy-60: #5b6478;
  --rk-blue: #0077be;          /* акцент: кнопки, ссылки при наведении */
  --rk-blue-hover: #0089db;
  --rk-blue-active: #005a90;
  /* Синий для ТЕКСТА на тонированном фоне: --rk-blue даёт на #f6f7f9 лишь 4.47:1,
     этот — 5.69:1. Для заливок и обводок по-прежнему используем --rk-blue. */
  --rk-link-strong: #00679f;
  --rk-red: #ea2944;           /* вторичный акцент: обязательные поля, обводка ошибки */
  --rk-red-text: #c8102e;      /* тот же акцент для ТЕКСТА ошибок: 5.88:1 на белом */
  --rk-red-hover: #ff4d66;

  /* ── Нейтральные ────────────────────────────────────────────────────── */
  --rk-bg: #f6f7f9;            /* фон страницы */
  --rk-white: #ffffff;
  --rk-border: #d5d7db;
  /* Индикатор фокуса. Был #80bbdf — 2.08:1 на белом, ниже нормы 3:1 для
     нетекстовых элементов. Стало 4.79:1 на белом / 4.47:1 на --rk-bg. */
  --rk-border-focus: #0077be;
  --rk-focus-ring: rgba(0, 119, 190, .25);   /* внешнее гало обводки на светлом */
  --rk-focus-on-dark: #ffffff;               /* обводка на тёмном фоне: 10.4:1 */
  --rk-focus-ring-dark: rgba(255, 255, 255, .3);
  --rk-tint: #d9ebf5;          /* светло-голубая подложка */
  --rk-tint-soft: #f2f8fc;
  --rk-success: #1c8b4b;

  /* ── Типографика ────────────────────────────────────────────────────── */
  --font-main: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-footer: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-h1: clamp(30px, 4.2vw, 52px);
  --fs-h2: clamp(24px, 2.8vw, 36px);
  --fs-h3: clamp(18px, 1.6vw, 21px);
  --fs-lead: clamp(15px, 1.35vw, 18px);
  --fs-base: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-label: 12px;

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-base: 1.55;

  /* ── Сетка ──────────────────────────────────────────────────────────── */
  --container: 1230px;
  --container-px: 24px;
  --gutter: 24px;

  /* ── Шапка ──────────────────────────────────────────────────────────── */
  /* Логотип. В исходном файле графика занимала лишь 31% высоты viewBox —
     остальное пустые поля, из-за чего знак выглядел мелким (на kadastr.ru это
     компенсируют высотой 97px и сдвигом вверх). Область просмотра обрезана по
     содержимому: viewBox 215.5 × 38.4 → пропорция 5.61:1, графика заполняет
     бокс целиком. */
  --header-h: 80px;
  --logo-h: 40px;
  --logo-w: 224px;

  /* Запас под fixed cookie-баннер: пока он виден, футер получает такой
     padding-bottom, иначе баннер накрывает ссылки на политики.
     Значения — измеренная высота баннера + 16px воздуха; переопределяются
     по брейкпоинтам в footer.css. JS может уточнить фактическую высоту,
     переписав переменную (см. отчёт). */
  --cookie-h: 216px;

  /* ── Ритм по вертикали ──────────────────────────────────────────────── */
  --section-py: clamp(56px, 7vw, 96px);

  /* ── Радиусы, тени, границы ─────────────────────────────────────────── */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(51, 64, 89, .06), 0 2px 8px rgba(51, 64, 89, .05);
  --shadow-md: 0 4px 12px rgba(51, 64, 89, .08), 0 12px 32px rgba(51, 64, 89, .08);
  --shadow-lg: 0 8px 24px rgba(51, 64, 89, .12), 0 24px 64px rgba(51, 64, 89, .14);

  /* ── Кнопки (геометрия оригинала) ───────────────────────────────────── */
  --btn-h: 34px;
  --btn-h-xl: 50px;
  --btn-fs: 13px;
  --btn-ls: .05em;

  /* ── Анимация ───────────────────────────────────────────────────────── */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur: .2s;

  /* ── Футер (значения kadastr.ru) ────────────────────────────────────── */
  --footer-bg: #334059;
  --footer-fg: #ffffff;
  --footer-link-hover: #0077be;
  --footer-label: rgba(255, 255, 255, .5);
  --footer-divider: #3c4a66;
  --footer-social-bg: #f6f7f9;
  --footer-social-fg: #334059;

  /* ── Брейкпоинты (справочно; в media-запросах значения дублируются) ─── */
  /* sm 576px · md 768px · lg 992px · xl 1230px — как в шаблоне kadastr.ru */
}

/* Пользователь просил не анимировать — уважаем системную настройку */
@media (prefers-reduced-motion: reduce) {
  :root { --dur: .01ms; }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}