/* ═══════════════════════════════════════════════════════════════════════════
   aplus_tokens.css — основа дизайна «A+» (05.10.2026): переменные обеих тем,
   шрифты, фокус с клавиатуры. Значения — из пакета дизайнера
   (_specs/redesign-aplus-0510/design/tokens.css), менять только вместе с ним.

   Всё живёт под классом .ap и вне его ничего не трогает. Это намеренно:
   имена дизайнера (--bg, --ink, --line…) на сайте уже заняты другими значениями,
   и объявление в :root перекрасило бы разделы, которые ещё не переведены.
   Класс ставится на переведённый кусок: на лендинге — на body, в кабинете — на раздел.

   Тема — механикой сайта: класс light на <html> (его ставит переключатель; в кабинете
   он же считает «как в системе» и «по расписанию»). У дизайнера тема включается
   атрибутом data-theme и системной настройкой — здесь это НЕ слушаем, иначе
   выбор в переключателе и вид страницы разойдутся.
   ═══════════════════════════════════════════════════════════════════════════ */

/* тёмная — без класса light, как на всём сайте */
.ap{
  color-scheme:dark;
  --bg:#0A0F0D;
  --surface:#141B18;
  --sunk:#1C2521;
  --ink:#EEF2EF;
  --ink2:#C3CCC7;
  --ink3:#8D9893;
  --line:#26312C;
  --brand:#3DD68C;
  --lime:#CFF25A;
  --risk:#FF6B5E;
  --risk-soft:#3A1916;
  --warn:#F5B94A;
  --warn-soft:#3A2A10;
  --ok-soft:#12301F;
  --info:#9DB3E6;
  --info-soft:#19223A;
  --deep:#050807;
  /* 07.10.2026, пересборка тем у дизайнера: рамка полей, чипов и кнопок и тень окон */
  --line2:#36443D;
  --shadow-card:0 1px 0 rgba(255,255,255,.03) inset,0 12px 28px -18px rgba(0,0,0,.6);
  /* кабинет, часть 1 пакета дизайнера (_specs/redesign-aplus-cabinet-0610/design/part1_1): затемнение под окнами и туром */
  --overlay:rgba(0,0,0,.62);
  /* тёмное меню кабинета, подсказки и тосты — одинаковые в обеих темах (у дизайнера эти цвета на светлом и тёмном листе совпадают),
     поэтому в html.light .ap не переопределяются */
  --deep-ink:#C9D1CC; --deep-ink2:#8D9893; --deep-ink3:#6E7A74; --deep-hi:#141C18; --deep-line:#26322C;
  --deep-card:#111A15; --deep-card-line:#1F2A25; --on-deep:#FFFFFF; --on-lime:#0B110E; --lime-hi:#DDF883;

  /* не из пакета дизайнера: стеки шрифтов и общая кривая, чтобы не повторять их в каждом файле раздела */
  --ap-sans:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ap-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
  --ap-ease:cubic-bezier(.2,.7,.2,1);
}
/* светлая с 07.10.2026 — «окна отделены от фона» (_specs/redesign-aplus-cabinet-0610/design/part2_1/tokens.css):
   фон темнее, рамки плотнее. Решение юзера 07.10: новая светлая тема на всём сайте, а не только в кабинете.
   Прежние значения: --bg #F4F5F1, --sunk #EEF0EB, --line #E2E5DF. */
html.light .ap{
  color-scheme:light;
  --bg:#E4E8E0;
  --surface:#FFFFFF;
  --sunk:#EEF1EA;
  --ink:#0B110E;
  --ink2:#3F4A45;
  --ink3:#5F6964;
  --line:#CDD4CA;
  --line2:#B8C1B6;
  --shadow-card:0 1px 2px rgba(11,17,14,.06),0 12px 28px -16px rgba(11,17,14,.24);
  --brand:#0E7C55;
  --lime:#CFF25A;
  --risk:#B42318;
  --risk-soft:#FDECEA;
  --warn:#8A4B00;
  --warn-soft:#FFF1D6;
  --ok-soft:#E3F2EA;
  --info:#34466B;
  --info-soft:#EAEEF6;
  --deep:#0B110E;
  --overlay:rgba(11,17,14,.46);
}

/* ── кабинет: светлая тема «окна отделены от фона» (пакет дизайнера part1_2 / part2_1, 07.10.2026, лист 22) ──
   Фон темнее, рамки окон плотнее, у окон мягкая тень (--shadow-card), у полей, чипов и кнопок своя рамка (--line2).
   Под body.ap.cab: класс cab ставит сборка кабинета. С 07.10.2026 те же значения стоят и в общих блоках выше
   (новая светлая тема принята для всего сайта), этот блок их повторяет.
   Вложенные .ap (разделы кабинета) перечислены в селекторе нарочно: правило «html.light .ap» выше ставит переменные
   каждому такому контейнеру заново, и без этого внутри раздела вернулись бы прежние цвета. */
body.ap.cab,body.ap.cab .ap{
  --line2:#36443D;
  --shadow-card:0 1px 0 rgba(255,255,255,.03) inset,0 12px 28px -18px rgba(0,0,0,.6);
}
html.light body.ap.cab,html.light body.ap.cab .ap{
  --bg:#E4E8E0;
  --sunk:#EEF1EA;
  --line:#CDD4CA;
  --line2:#B8C1B6;
  --shadow-card:0 1px 2px rgba(11,17,14,.06),0 12px 28px -16px rgba(11,17,14,.24);
}

/* фокус с клавиатуры — один на все интерактивные элементы A+ */
.ap a:focus-visible,.ap button:focus-visible,.ap summary:focus-visible,.ap select:focus-visible,
.ap input:focus-visible,.ap textarea:focus-visible,.ap [tabindex]:focus-visible{
  outline:2px solid var(--ink)!important;outline-offset:3px;box-shadow:0 0 0 7px rgba(207,242,90,.75)!important}
/* .deep — тёмные секции, которые остаются тёмными в обеих темах: обводка лаймовая */
.ap .deep a:focus-visible,.ap .deep button:focus-visible,.ap .deep summary:focus-visible,.ap .deep select:focus-visible,
.ap .deep input:focus-visible,.ap .deep textarea:focus-visible,.ap .deep [tabindex]:focus-visible{
  outline-color:#CFF25A!important;box-shadow:0 0 0 7px rgba(207,242,90,.28)!important}