/* =====================================================
   ВЕКТОР ИТ — Design Tokens
   Единый источник правды — зеркало projects/vektor-it/design/ui-kit.md.
   Подключать в GeneratePress child-теме (functions.php,
   wp_enqueue_style ПОСЛЕ родительской темы и после fonts.css).
   Формула кита: бренд наследуем (цвет/лого/характер), механику
   заменяем (типо-шкала/отступы/кнопки/контраст) — ui-kit.md §0.
   Контраст пар проверен по WCAG AA (ui-kit.md §1.1-1.2).
   ⚠ Шрифты — self-host @font-face (fonts.css), НЕ Google CDN на боевом.
   ===================================================== */

:root {
  /* ── Цвет — наследуется с живого сайта (ui-kit.md §1.1) ─────────── */
  --color-navy:            #0B2C49; /* Bug 14: чуть темнее для читаемости текста (владелец 2026-07-13, было #0D3456) */
  --color-accent:          #3C68AE;
  --color-accent-tint:     #C2DAFF;
  --color-accent-on-dark:  #7FA6E0; /* AA на navy (5.13:1) — --color-accent сам проваливает (2.30:1) */
  --color-white:           #FFFFFF;

  /* ── Цвет — новое, нейтрали и семантика (ui-kit.md §1.2) ─────────── */
  --color-ink:             #14212E; /* 16.32:1 на белом */
  --color-ink-muted:       #3F4E5C; /* 8.55:1 на белом; владелец 2026-07-22: #5B6B7A (5.48:1) бледнил текст - читаемость > дизайн */
  --color-bg-light:        #F4F7FB;
  --color-border:          #DCE3EC;
  --color-success:         #1E8E5A; /* 4.54:1 */
  --color-danger:          #C23B33; /* 5.05:1 */

  /* ── Типографическая шкала (ui-kit.md §1.3) — 6 ступеней, ~1.25 ── */
  --text-2xs: 14px;  /* вес 400, lh 1.5 — подписи, юр.текст, лейблы */
  --text-base: 16px; /* вес 400, lh 1.6 — основной текст (18 перебор для этого сайта — владелец 2026-07-09) */
  --text-md: 22px;   /* вес 500, lh 1.4 — лид-абзац, подзаголовок карточки */
  --text-lg: 28px;   /* вес 700, lh 1.2 — H3, крупный заголовок карточки */
  --text-xl: 36px;   /* вес 700, lh 1.15 — H2, заголовки секций */
  --text-2xl: 45px;  /* вес 700, lh 1.1 — H1 десктоп; мобайл clamp(32px,8vw,45px) */

  --font-head: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, Arial, sans-serif;

  /* ── Отступы — шкала 4/8/.../96 (ui-kit.md §1.4) ─────────────────── */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px;  --space-10: 128px;

  --section-y-desktop: var(--space-8); /* 64px: зазор соседних секций = 2 паддинга (128); на белой базе без смены фона 96+96=192 читалось дырой (владелец 2026-07-09) */
  --section-y-mobile: var(--space-7);   /* 48px */
  --container: 1280px; /* верх консенсуса 2025 (1140-1280); холст 1440, полный 1440 ломает длину строки */

  /* ── Радиусы — максимум два (ui-kit.md §1.5) ─────────────────────── */
  --radius-control: 10px; /* кнопки, поля, чипы */
  --radius-card: 20px;    /* карточки, крупные блоки, попапы */

  /* ── Тени — максимум два (ui-kit.md §1.6) ────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(13, 52, 86, .08);
  --shadow-md: 0 12px 32px rgba(13, 52, 86, .16);

  /* ── Фокус (WCAG 2.2 — видимый фокус, нетекст ≥3:1) ──────────────── */
  --focus-ring: 2px solid var(--color-accent);
  --focus-offset: 2px;
}

/* Фокус на тёмных поверхностях (navy) — светлый ring, тот же приём что Перегруз */
.vkt-navy, .vkt-hero, .vkt-footer {
  --focus-ring: 2px solid var(--color-accent-on-dark);
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}