/* academy-canonical-r1.css — статические поверхности academy.vyshka.cloud:
   витрина «/» + страница «/instrukcii/».
   unify-max / acad-visual, 2026-09-14. Owner: «не жёлтые — как и везде».
   Светлый канон v2: фон #f6f8fc, акцент #1a56DB, карточки #ffffff,
   текст #0f172a/#475569, линии #e6ebf3, радиус 14–16.

   Правила слоя (обязывающие):
   - VISUAL-ONLY: только цвета; ноль правок DOM/JS/контрактов.
   - Подключается ПОСЛЕДНИМ в <head> обеих страниц — каскад перекрывает
     только перечисленные ниже оф-канон акценты.
   - Слои не добавляют анимаций/переходов; существующие
     prefers-reduced-motion блоки страниц не затрагиваются.
   - Контраст проверен (WCAG): #1e3f86/#eaf0fb 8.70 · #1649c0/#eaf0fb 6.68 ·
     #1649c0/белую карточку 6.93 · #475569/#eef3fb 6.75. */

/* --- 1) /instrukcii/: жёлтая плашка-совет → канон blue-info ---------- */
.note-card {
  background: #eaf0fb;
  border-color: #b9cdf0;
  color: #1e3f86;
}

.note-card b {
  color: #1649c0;
}

/* --- 2) витрина: чип «скоро» (янтарь #b45309) → канон blue-soft ------- */
.chip.soon {
  color: #1649c0;
  background: rgba(26, 86, 219, 0.07);
  border-color: rgba(26, 86, 219, 0.32);
}

.chip.soon .dot {
  background: #1649c0;
}

/* --- 3) витрина: карточка «Детская Академия» — пурпурный остров ------ */
.pa-card {
  border-color: #d6e2f6;
  background: linear-gradient(120deg, #eef3fb, #ffffff);
  color: #0f172a;
}

.pa-kicker {
  color: #1a56db;
}

.pa-description,
.pa-facts li,
.pa-note,
.pa-art p {
  color: #475569;
}

.pa-facts b,
.pa-art strong {
  color: #0f172a;
}

.pa-cta {
  background: #1a56db;
}

.pa-cta:hover {
  background: #1649c0;
}

.vk-nav > a.vk-ddbtn {
  color: #1a56db; /* was purple #7554b6 */
}

.preschool-discovery a:focus-visible {
  outline-color: #1a56db; /* was purple #8e69ce */
}

/* --- 4) витрина: SVG-иллюстрация preschool-карточки -------------------
   Жёлтые элементы (#f0c76d квадрат, #ffe9af солнце, #b78a34 галочка)
   и пурпурные подложки → канон blue-семейство. Зелёные элементы
   иллюстрации сохранены (зелёный — часть канона, #16a34a). ---------- */
.pa-art ellipse[fill="#6f51b6"] { fill: #1a56db; }
.pa-art circle[fill="#e8dff9"]  { fill: #dce7fb; }
.pa-art rect[fill="#cab8ec"]    { fill: #c3d4f2; }
.pa-art rect[fill="#fffdf7"]    { fill: #fdfeff; } /* тёплый белый → холодный */
.pa-art rect[fill="#d9d0e8"]    { fill: #dbe4f3; }
.pa-art circle[fill="#b49be5"]  { fill: #9ec1f3; }
.pa-art rect[fill="#f0c76d"]    { fill: #9ec1f3; } /* жёлтый квадрат */
.pa-art circle[fill="#ffe9af"]  { fill: #dce7fb; } /* жёлтое солнце */
.pa-art path[stroke="#b78a34"]  { stroke: #1a56db; } /* жёлтая галочка */
.pa-art path[stroke="#aa92dc"]  { stroke: #9ec1f3; }

/* --- 5) токен-гигиена: неиспользуемый янтарный --vy-warn (#3b82f6)
   нейтрализован до канона (сейчас ни одно правило его не читает;
   защита от будущего использования жёлтого). ------------------------- */
:root {
  --vy-warn: #143a8f;
}
