/* LINKO: основная расцветка «Живая смена цвета» (из outbox/palettes/5-live-shift.css, 30.10.2026).
   Каждая крупная секция в своём оттенке: изумруд → ночной синий → слива → терракота → снова изумруд; фон плавно перетекает при прокрутке (js/live.js).
   Подключается последним, после story.css, anim.css, lab.css, motion.css. */
:root{--bg:#0B2B22;--bg2:#0B2B22;--surf:rgba(255,255,255,.055);--surf2:rgba(255,255,255,.085);--ink:#F6F0E6;--soft:#CFC6B8;--faint:#B3AA9C;--gold:#E8C27E;--gold-l:#F3DBA9;--acc2:#7FD6B4;--em:transparent;--on:#1A120A;--on2:#08130F;--hero:#11402F;--wa:rgba(0,0,0,.28);--wm:rgba(255,255,255,.08);--acc2t:#7FD6B4;--repc:rgba(0,0,0,.22);--line:color-mix(in srgb,var(--ink) 10%,transparent);--line2:color-mix(in srgb,var(--gold) 36%,transparent);--btnbg:var(--gold)}
html,body{background:var(--bg)}

/* --- общий слой: жёстко прописанные цвета сайта переводим на роли палитры --- */
::selection{background:var(--gold);color:var(--on)}
.hero{background:radial-gradient(70% 60% at 78% 45%,var(--hero) 0%,color-mix(in srgb,var(--hero) 40%,transparent) 40%,transparent 75%)}
.btn{background:var(--btnbg);border-color:var(--gold);color:var(--on)}
.btn.line{background:transparent;color:var(--ink)}
.ex,.rt-btn,.rt-w .av,.rep-h i,.rep-h .ex,.tr-n .best,.tl li.on .badge,.chips label:has(input:checked),.chips label:has(input:checked) .ic,
.lm-tabs button[aria-selected="true"],.tabs i.on,.add,.cart,.sbtn .a,.acc,.rp-h i,.prc i,.o2 .go2,.days2 .on,.days2 .on b{color:var(--on)!important}
.rt-btn,.tr-n .best,.lm-pill,.rep-h i,.rt-w .av{background:var(--btnbg)}
.badge{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--gold) 22%,transparent),color-mix(in srgb,var(--gold) 5%,transparent))}
.offer>span{background:color-mix(in srgb,var(--gold) 8%,transparent)}
.res{background:color-mix(in srgb,var(--gold) 7%,transparent)}
.table{background:radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%)}
.top:not(.solid){background:linear-gradient(color-mix(in srgb,var(--bg) 80%,transparent),transparent) border-box}
.top.solid{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.toast{background:color-mix(in srgb,var(--surf2) 92%,transparent);color:var(--ink)}
.pr div{background:color-mix(in srgb,var(--surf) 60%,transparent)}
.rt-l{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--gold) 22%,transparent),var(--surf) 70%)}
.rt-w{background:var(--wa)}
.rt-msg{background:var(--wm);color:var(--ink)}
.rt-acc{background:color-mix(in srgb,var(--acc2) 18%,transparent);color:var(--acc2t)}
.rt.done .rt-acc{background:var(--acc2);color:var(--on2)}
.rt.done .rt-st i{background:var(--acc2)}
.rep-c{background:var(--repc);border-color:var(--line)}
.rep-k div{background:color-mix(in srgb,var(--ink) 4%,transparent);border-color:var(--line)}
.rep-b i{background:linear-gradient(180deg,var(--gold-l),color-mix(in srgb,var(--gold) 30%,transparent))}
.rep-b i.mx{background:linear-gradient(180deg,var(--acc2),var(--gold))}
.tr.hot{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 9%,transparent),transparent 70%)}
.cine-s::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent),color-mix(in srgb,var(--bg) 10%,transparent) 40%,color-mix(in srgb,var(--bg) 85%,transparent))}
.cine h2{color:#FFF}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 60%,transparent)}100%{box-shadow:0 0 0 10px transparent}}

/* живая смена: секции прозрачные, цвет фона ведёт скрипт 5-live.js */
html,body{transition:none}
.hero,.sec,.rep,.works,#steps,.lead-sec,.route,.route-pin{background:transparent!important}
.lead-sec{border-top-color:transparent}
.fill2{background:var(--bg)}
.tl .badge{background:var(--bg)}
.tile,.pc,.lm-card,.rt-n,.tr-x{backdrop-filter:blur(6px)}

/* фон рисует html, body прозрачный — так видны мягкие пятна света из motion.css */
body{background:transparent}
.amb{opacity:.55}