/* Тема «Night» — тёмная: глубокий индиго, сиреневый акцент, тёплый персиковый для цен */
:root{
  --ink:#eeeeff; --deep:#06071a; --blue:#6c5cff; --blue-d:#5a49f0; --fog:#0d0f24; --paper:#171a35; --tint:#21254b;
  --sun:#ff9e7a; --muted:#9aa0d4; --line:#2c3163; --ok:#18b883; --err:#ff5a7a;
  --radius:18px; --radius-lg:32px;
  --ph1:#6c5cff #ff9e7a #4a3bd4 #21254b; --ph2:#ff9e7a #1a1530 #e07a55 #2a2150; --ph3:#5b63c4 #ff9e7a #3d44a0 #21254b; --ph4:#eeeeff #6c5cff #c9ccf0 #2c3163;
}
body{background:var(--fog);color:var(--ink)}
.skip-link{background:var(--blue)}
.announce{background:var(--deep);color:#c8ccf5;border-bottom:1px solid var(--line)}.announce strong{color:var(--sun)}
.site-header{background:rgba(13,15,36,.82);border-bottom:1px solid var(--line)}
.brand__mark{background:linear-gradient(135deg,#6c5cff,#a07bff);color:#fff}
.brand--light{color:#fff}
.icon-btn:hover{background:var(--tint)}
.bag-btn{background:var(--ink);color:var(--deep)}.bag-btn:hover{background:#fff}
.bag-btn__count{background:var(--blue);color:#fff}

.btn--ink{background:var(--ink);color:var(--deep)}.btn--ink:hover{background:#fff}
.btn--blue{background:linear-gradient(135deg,#6c5cff,#8a6bff);color:#fff}.btn--blue:hover{background:linear-gradient(135deg,#7a6bff,#9a7dff)}
.btn--sun{color:#2a1208}
.btn--line{border-color:var(--line);color:var(--ink)}.btn--line:hover{background:var(--ink);color:var(--deep);border-color:var(--ink)}
.btn--ghost-light{border-color:rgba(255,255,255,.4)}
.btn--danger{color:#ff8da6;border-color:#ff5a7a}
.price-tag{--hole:var(--paper);color:#2a1208}
.hero__feature .price-tag,.card .price-tag{--hole:#fff}
.chip{background:var(--deep);color:var(--ink);border:1px solid var(--line)}
.chip--sun{background:var(--sun);color:#2a1208}

.hero__panel{background:radial-gradient(120% 120% at 85% 0%,#5b45ff 0,#2a1f8f 45%,#141041 100%);border:1px solid #3a3a85}
.hero__panel::before{background:radial-gradient(circle,rgba(255,158,122,.55) 0,rgba(255,158,122,0) 66%);right:-8%;top:-24%}
.hero__feature{background:#fff;color:#10153a}
.search{background:var(--paper);border-color:var(--line)}.search input::placeholder{color:var(--muted)}
.chip-btn{background:var(--paper);border-color:var(--line);color:var(--ink)}
.chip-btn:hover{border-color:var(--blue)}
.chip-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--deep)}.chip-btn.is-active .muted{color:#4a4f86}
.sort select{background:var(--paper);border-color:var(--line);color:var(--ink)}

.card__media{background:var(--tint)}
.card__sold{background:var(--deep);border:1px solid var(--line)}
.steps li{background:var(--paper);border:1px solid var(--line)}
.about__card{background:linear-gradient(135deg,#171a35,#1d1f4a);border:1px solid var(--line)}
.about__list{color:#a9aedf}
.site-footer{background:var(--deep);border-top:1px solid var(--line)}
.site-footer__top p{color:#a9aedf}.site-footer__legal{border-color:var(--line);color:#7f85b8}

.gallery__main,.thumb{background:var(--tint)}
.stepper{background:var(--paper);border-color:var(--line)}.stepper button:hover{background:var(--tint)}
.soldout-note{background:var(--paper)}
.perks li::before{color:var(--ok)}

.overlay{background:rgba(3,4,16,.7)}
.drawer{background:var(--fog);border-left:1px solid var(--line)}
.drawer__foot{background:var(--paper)}
.ship{background:var(--fog)}.ship__bar{background:var(--line)}.ship__bar i{background:linear-gradient(90deg,#6c5cff,#ff9e7a)}
.ship.is-free .ship__bar i{background:var(--ok)}
.line{border-color:var(--line)}.line__img{background:var(--tint)}
.toast{background:var(--ink);color:var(--deep)}.toast button{background:var(--blue);color:#fff}

.field input:not([type=checkbox]),.field textarea,.field select{background:var(--paper);border-color:var(--line);color:var(--ink)}
.field input:focus,.field textarea:focus{border-color:var(--blue)}
.form-error{background:#3a1226;color:#ffb3c4}
.paybox{background:var(--paper);border-color:var(--blue)}
.receipt{background:var(--paper)}.receipt::after{background:radial-gradient(circle at 10px -2px,transparent 7px,var(--paper) 7.6px) 0 0/20px 10px repeat-x}
.totals .grand{border-color:var(--line)}

.status{background:linear-gradient(135deg,#4f3df0,#2d2194)}
.status--ok{background:linear-gradient(135deg,#119a6e,#0b6e50)}
.status--warn{background:var(--deep);border:1px solid var(--line)}
.status--bad{background:linear-gradient(135deg,#d93a5c,#a31f40)}
.progress li{color:var(--muted)}.progress li.is-done,.progress li.is-now{color:var(--ink)}
.progress li::before{background:var(--line)}.progress li.is-done::before{background:var(--blue)}.progress li.is-now::before{background:linear-gradient(90deg,var(--blue) 50%,var(--line) 50%)}
.mock{background:var(--paper)}
code{background:var(--tint)}