/* Светлая тема всего сайта (12.10, Фёдор; сначала была только для варианта главной /v5/). Тёмным остаётся вариант /v4/.
   Подключается после v2.css и chat.css: переопределяет токены и подложки, у которых цвет зашит в тёмной теме.
   Сфера из частиц на светлом фоне рисуется синими точками без «свечения» — это в v2.js (html.light). */

:root{
  --abyss:#fbfbfe;--deep:#f1f1f8;--kelp:#ffffff;--kelp2:#f1f0fa;
  --line:rgba(15,13,38,.09);--line2:rgba(15,13,38,.17);
  --white:#0f0d26;--mist:#2a2848;--silver:#4a4866;--dim:#75738f;--phos:#3d12fc;
  --violet:#6a4dff;
  --glow:linear-gradient(90deg,#3d12fc 0%,#6a4dff 42%,#8f7bff 62%,#3d12fc 100%);
  --on-glow:#fff;
  /* тени (22.10.2026): три уровня вместо десятка разных — лёгкие, без серых «плашек» и без обрезанных краёв */
  --sh-1:0 1px 2px rgba(15,13,38,.04),0 8px 22px -14px rgba(15,13,38,.16);
  --sh-2:0 2px 4px rgba(15,13,38,.04),0 24px 48px -26px rgba(61,18,252,.34);
  --sh-3:0 1px 3px rgba(15,13,38,.05),0 30px 60px -32px rgba(15,13,38,.32);
}
::selection{background:#d9d2ff;color:#0f0d26}
.aura{background:radial-gradient(38vmax 38vmax at 82% 8%,rgba(106,77,255,.11),transparent 62%),radial-gradient(44vmax 44vmax at 8% 96%,rgba(61,18,252,.06),transparent 64%)}
.btn--glow:hover{box-shadow:0 12px 34px -12px rgba(61,18,252,.6)}

/* 02.11.2026: логотип с фиолетовым ядром — в шапке и старом подвале своя светлая версия (logo-ai.svg), фильтр не нужен.
   Окно «Меню» светлое только на черновых вариантах главной без v10.css, а логотип в нём — для тёмного фона: там затемняем */
.mpanel__logo img{filter:brightness(0)}
.bar.scrolled{background:rgba(251,251,254,.84)}

.stat{background:rgba(255,255,255,.92)}
.card{border:1px solid var(--line);box-shadow:var(--sh-1)}
.card__go{background:rgba(61,18,252,.08)}
.card:hover .card__go{color:#fff}
.pillar--main{background:linear-gradient(160deg,rgba(61,18,252,.11),#fff 62%)}
.ready,.fx{background:#fff}
.well{background:rgba(255,255,255,.94);box-shadow:var(--sh-3)}
.step::before{box-shadow:none}
.list li::before{box-shadow:none}
.tag--live{background:rgba(61,18,252,.08)}
.leader__mono{background:rgba(61,18,252,.08)}
.links-grid a,.faq__item,.tasks>div,.leader{border:1px solid var(--line)}
.ruler .now::before{box-shadow:0 0 14px 3px rgba(61,18,252,.3)}
.brk__mark{background:var(--abyss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 30'%3E%3Cpath d='M8.5 0v6l-6 5 12 8-6 5v6' fill='none' stroke='%234a4866' stroke-width='1.1'/%3E%3C/svg%3E") center/17px 30px no-repeat}
.kinetic__row{-webkit-text-stroke:1px rgba(61,18,252,.24)}

.field input,.field textarea,.field input:focus,.field textarea:focus{background:#fff}
.field.err input{border-color:#d93b3b}
.consent.err,.form__msg.bad{color:#c62828}
.form__msg.ok{color:#1a7f4b}

@media (hover:none){.card:hover .card__go{background:rgba(61,18,252,.08)}}

/* чат: строка ввода и сообщения как в светлом ChatGPT */
.chat__form{background:#fff;box-shadow:0 1px 2px rgba(15,13,38,.06),0 18px 50px -26px rgba(61,18,252,.4)}
.chat__form:focus-within{border-color:rgba(61,18,252,.45);box-shadow:0 1px 2px rgba(15,13,38,.06),0 18px 60px -22px rgba(61,18,252,.5)}
.chip--dir{background:#fff;box-shadow:0 1px 2px rgba(15,13,38,.05)}
.pcard,.mtile,.eng,.mcard,.itile{box-shadow:var(--sh-1)}
.mcard:hover,.itile:hover,.pcard:hover{box-shadow:var(--sh-2)}
.pcard__ic,.mtile__ic,.mpanel__ic,.icase__img--ic,.icase__kpi li{background:rgba(61,18,252,.08)}
.icase{box-shadow:var(--sh-1)}
.lcard{background:#fff;box-shadow:var(--sh-1)}
.chip:hover{background:rgba(61,18,252,.05)}
.chat.is-thread .chat__dock::before{background:linear-gradient(rgba(251,251,254,0),var(--abyss) 22px)}
.msg__ava:not(.msg__ava--mark){box-shadow:0 0 16px -3px rgba(106,77,255,.6)}
.pill{background:rgba(61,18,252,.07)}
.pill:hover{background:rgba(61,18,252,.13)}
.lead-chat{background:#fff;box-shadow:var(--sh-3)}
.lead-chat__ok{color:#1a7f4b}