/* ============================================================
   _alchemy-site-tune.css — РУКОПИСНЫЙ ФАЙЛ, 02 окт 2026.

   Общие правки темы alchemy для элементов, которые есть на всех
   страницах: шапка, мобильное меню, подвал, текстовые ссылки, и
   элементы главной, которые повторяются на страницах /for/ (рил, фильтры,
   карточки услуг). Подключается в _head-alchemy.html ПОСЛЕДНИМ,
   после {{pageCss}} и {{extraCss}}, — поэтому перебивает и
   замороженный home-alchemy.css, и страничные tune-файлы.
   Сплиттер site/tools/split-alchemy-css.mjs этот файл не трогает
   (тот же статус, что у _alchemy-bridge.css).

   Источник правок: docs/design-audit-2026-09-26.md (M2, H1).
   ============================================================ */

/* M2 — зона нажатия не меньше 44px. Внешний вид кнопок прежний:
   растёт только невидимая область ::before. ::after не трогаем —
   у .text-link и .desktop-nav a он рисует подчёркивание. */
.menu-toggle,
.reel-step-controls button,
.reel-pause,
.filters button,
.scroll-link,
.reel-title,
.specialisms a,
footer a { position: relative; }
.menu-toggle::before,
.reel-step-controls button::before,
.service-link::before,
.reel-pause::before,
.reel-film::before,
.filters button::before {
  content: ""; position: absolute;
  inset: 50% auto auto 50%; transform: translate(-50%, -50%);
  min-width: 44px; min-height: 44px; width: 100%; height: 100%;
}
.text-link::before,
.scroll-link::before,
.reel-title::before,
.specialisms a::before,
footer a::before {
  content: ""; position: absolute; left: 0; right: 0;
  top: 50%; height: 44px; transform: translateY(-50%);
}

/* H1 (аудит 26.09) — «вы здесь». aria-current печатался и раньше,
   но стиля у него не было: Work на кейсе выглядел как остальные
   пункты. Тот же приём, что у hover — золотая черта под словом
   (подчёркивание .desktop-nav a::after), плюс золотой текст. */
.desktop-nav a[aria-current="page"],
.mobile-nav a[aria-current="page"] { color: #c7af82; }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }

/* M3 (аудит 26.09) — цвета практик. base.css даёт им синий #1F4BD8,
   индиго #5B3BC4, охру и кирпич старой системы; на alchemy синяя
   точка у тега TECHNOLOGY читалась как ошибка, индиго — как
   типовой «ИИ-цвет». Все четыре — золото палитры (--pink/--hot/
   --lime skin-alchemy.css = #c7af82): практику различает подпись
   тега, а не цвет точки. */
:root {
  --practice-tc: #c7af82;
  --practice-ai: #c7af82;
  --practice-cc: #c7af82;
  --practice-cm: #c7af82;
}

/* S4 (аудит шаблонности 02.10) — тени. На главной было 17 разных
   теней, у кнопки шапки зеленоватое свечение #a5cd4120. Теперь три
   уровня высоты, все чёрные:
     --shadow-control  кнопки, бейджи, чипы фильтров;
     --lift            карточки (токен уже был, _alchemy-bridge.css);
     --lift-hover      поднятые поверхности: рил, стопка услуг, меню,
                       модалка (тот же токен, что у карточки при hover).
   Внутренний блик 1px сверху остаётся: это фактура «пластика» темы,
   а не высота. Рамка рила (кольцо 3px) тоже остаётся. */
:root { --shadow-control: 0 2px 8px rgba(0, 0, 0, 0.2); }
.button.small,
.filters button.active { box-shadow: inset 0 1px 1px #e9d9b8, var(--shadow-control); }
.button.primary,
a.button:not(.glass):not(.small):not(.outline) { box-shadow: inset 0 1px 1px #e9d9b8, var(--shadow-control); }
.project-badge,
.reel-film,
.dialog-close { box-shadow: var(--shadow-control); }
.project-card,
.project-invitation,
.service { box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.07), var(--lift); }
.services-grid .service,
.mobile-nav,
.project-dialog { box-shadow: var(--lift-hover); }
.reel-stage { box-shadow: inset 0 0 0 3px #84907e, 0 1px 0 #e2ecdd, var(--lift-hover); }