/* ============================================================
   Главная = лендинг landing/index.html (его разметка и стили не трогаются).
   Здесь только то, что сводит его со статьями и дизайн-системой:
   светлая тема — на токенах системы, тёмная остаётся палитрой лендинга
   (она же у OtterWiki и в wiki.css), поиск, логотип по теме.
   Подключается последним, поэтому перекрывает переменные лендинга.
   ============================================================ */

:root:not([data-theme='dark']) {
  --bg-base: var(--skif-tint);
  --bg-raised: var(--skif-surface);
  --bg-card: var(--skif-surface);
  --bg-card-hover: var(--skif-blue-050);
  --border: var(--skif-line);
  --border-hover: color-mix(in srgb, var(--skif-blue) 35%, transparent);
  --text: var(--skif-ink);
  --text-dim: var(--skif-text);
  --text-muted: var(--skif-muted);
  --accent: var(--skif-blue);
  --accent-light: var(--skif-blue-700);
  --accent-soft: color-mix(in srgb, var(--skif-blue) 8%, transparent);
  --accent-glow: color-mix(in srgb, var(--skif-blue) 4%, transparent);
  --header-bg: color-mix(in srgb, var(--skif-tint) 88%, transparent);
  --card-shadow: var(--skif-sh-1);
  --hero-glow-1: color-mix(in srgb, var(--skif-blue) 6%, transparent);
  --hero-glow-2: color-mix(in srgb, var(--skif-blue) 3%, transparent);
  --hero-grid: color-mix(in srgb, var(--skif-blue) 3%, transparent);
}

/* .skif из системы задаёт белый фон и свой цвет текста — у лендинга свои */
body.skif.wk-home { background: var(--bg-base); color: var(--text); }

/* Логотип: цветной в светлой теме, белый в тёмной (правило системы для тёмных подложек) */
.wk-home-brand { display: flex; align-items: center; flex: none; }
.wk-home .logo-img { width: 130px; height: auto; }

/* Переключатель темы на главной — золотой, как в лендинге (правила .theme-toggle из landing/index.html) */

/* Список поиска выходит за нижнюю границу героя: overflow:hidden лендинга его обрезал */
.wk-home .hero { overflow: visible; z-index: 5; }

/* Поиск под заголовком */
.wk-home-search { position: relative; z-index: 3; margin: 28px auto 0; }
.wk-home-search .wk-search__input { background: var(--bg-raised); border-color: var(--border); color: var(--text); }
.wk-home-search .wk-search__input:focus { border-color: var(--accent); }
.wk-home .chips { margin-top: 18px; }

/* В макете лендинга ссылки остались с классом mock-a и стрелкой-курсором */
.wk-home a.mock-a { cursor: pointer; }
/* Ссылки внизу карточек продуктов: в лендинге им не задан цвет — браузерный синий с подчёркиванием */
.wk-home .pcard-foot a { color: var(--accent); text-decoration: none; }
.wk-home .pcard-foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wk-home .pcard-foot a.pcard-domain { color: var(--text-muted); }

@media (max-width: 767px) {
  .wk-home-search .wk-search__kbd { display: none; }
}
@media (max-width: 560px) {
  .wk-home-search { margin-top: 22px; }
  .wk-home .logo-img { width: 112px; }
}