/* Dark theme for ugkuhni.ru (2026-10-12).
   1) color-scheme declares native dark support, so Chrome/Samsung/Yandex stop auto-darkening (inverting) the page.
   2) Own dark palette under prefers-color-scheme: dark. Light mode is untouched.
   Palette: bg #121212, alt sections #1A1A1A, cards #222, lines #333, text #F2F2F2, text-2 #B8B8B8,
   yellow #FFDB00 (accent), text on yellow #111, inputs #1E1E1E / border #444. */
:root{color-scheme:light dark}

@media (prefers-color-scheme: dark){
  :root{
    --w:#121212; --g:#222; --g2:#2a2a2a; --t:#F2F2F2; --t2:#B8B8B8; --line:#333;
    --shadow:0 8px 28px rgba(0,0,0,.45);
    --d-bg:#121212; --d-alt:#1A1A1A; --d-card:#222; --d-in:#1E1E1E; --d-in-b:#444; --d-t3:#9A9A9A;
  }
  body{background:var(--d-bg);color:var(--t)}

  /* anything on yellow: always near-black text and icons */
  .mark,.btn--yellow,.header__call,.pro-ico,.feature__ico,.step__num,.work__btn,.avatar,.why,.why h3,.why li,
  .hero-sl__all,.rl__btn,.rl__chip[aria-pressed=true],.mx-korpus,.mx-ph,.mx-fbtn.is-on,.mx-tab.is-on,.cp.ok,
  .opt__n,.price th,.price tr.grp td.num,.hero-sl__a:hover{color:#111}
  .btn--yellow{box-shadow:0 4px 14px rgba(255,219,0,.18)}

  /* buttons */
  .btn--white{background:var(--d-card);color:var(--t);border-color:var(--d-in-b)}
  .btn--white:hover{border-color:var(--y)}
  .btn--black{background:var(--y);color:#111}
  .btn--black:hover{background:var(--y-d)}

  /* header + mobile menu */
  .header{background:rgba(18,18,18,.96);border-bottom-color:var(--line)}
  .logo{color:var(--t)}
  .logo svg [fill="#111"]{fill:var(--t)}  /* oferta/privacy/pay: inline logo with hardcoded #111 */
  .logo svg [stroke="#111"]{stroke:var(--t)}
  .burger{background:#2a2a2a;box-shadow:inset 0 0 0 1px #3a3a3a}
  .burger span{background:var(--t)}
  .nav.is-open{background:var(--d-alt);box-shadow:0 20px 40px rgba(0,0,0,.5)}
  .header__phone .ico{color:var(--y)}

  /* hero */
  .hero{background:var(--d-bg)}
  .hero__lead{color:#D6D6D6}
  .card-form{background:var(--d-card);box-shadow:0 18px 50px rgba(0,0,0,.5)}
  .card-form__title .u{box-shadow:none;color:var(--y)}

  /* form fields */
  .field{background:var(--d-in);border-color:var(--d-in-b)}
  .field:focus-within{border-color:var(--y)}
  .field>.ico{color:var(--d-t3)}
  .field input,.field select{color:var(--t)}
  .field input::placeholder{color:#8a8a8a}
  .field select{color:var(--t)}
  .field select option{background:var(--d-in);color:var(--t)}
  .field.is-error{border-color:#f28b82;background:#2c1715}
  .form-note{color:var(--d-t3)}
  .form-status.ok{color:#81c995;background:#13291b}
  .form-status.err{color:#f28b82;background:#2c1715}

  /* cards and sections */
  .work{background:var(--d-card);border-color:var(--line)}
  .work p b{color:var(--t)}
  .dark{background:var(--d-alt);color:var(--t)}
  .sec-head--dark .sec-head__sub,.materials__spec{color:var(--t2)}
  .mat{background:var(--d-card);color:var(--t)}
  .mat__more{color:var(--t)}
  .round-btn{background:var(--d-card);border-color:var(--d-in-b);color:var(--t)}
  .round-btn:hover{border-color:var(--y)}
  #reviews{background:var(--d-alt)}
  .review{background:var(--d-card);border-color:var(--line);box-shadow:none}
  .review p{color:#D6D6D6}
  .review__q{color:#3a3a3a}
  .faq details{background:var(--d-card);border-color:var(--line)}
  .faq details[open]{border-color:var(--y)}
  .faq__a{color:#D0D0D0}
  .vid{box-shadow:none}

  /* contacts: dark block instead of the big yellow one, yellow stays as accent */
  .cta{background:var(--d-alt);border-top:3px solid var(--y)}
  .pro-ico--dark{background:#2a2a2a;color:var(--y)}
  .cta__region{color:var(--y)}
  .cta__form{background:var(--d-card);box-shadow:0 12px 30px rgba(0,0,0,.45)}

  /* footer */
  .footer{background:#0C0C0C;border-top:1px solid var(--line)}
  .footer__nav a{color:#D6D6D6}
  .footer__bottom{border-top-color:#262626;color:var(--d-t3)}
  .footer__bottom a{color:var(--d-t3)}

  /* modals */
  .modal{background:rgba(0,0,0,.72)}
  .modal__box{background:var(--d-alt);box-shadow:0 30px 80px rgba(0,0,0,.6)}
  .modal__close{background:#2a2a2a;color:var(--t)}
  .rl__fg span{color:var(--t2)}
  .rl__chip{background:var(--d-card);border-color:var(--d-in-b);color:var(--t)}
  .rl__chip i{border-color:rgba(255,255,255,.25)}
  .rl__chip[aria-pressed=true]{background:var(--y);border-color:var(--y)}
  .rl__n{color:var(--d-t3)}
  .rd__row{border-color:var(--line)}
  .rd__a{color:#A8A8A8}
  .rd__sc{color:#D0D0D0}

  /* MAX chat button */
  .maxchat{background:var(--d-card);color:var(--t);box-shadow:0 8px 28px rgba(0,0,0,.5)}
  .maxchat__b{color:#9C92FF}

  /* materials modal (mats.css) */
  .mx-top.is-on{color:var(--t)}
  .mx-tab{background:var(--d-card);border-color:var(--d-in-b);color:var(--t)}
  .mx-tab.is-on{background:var(--y);border-color:var(--y)}
  .mx-sw__c{border-color:rgba(255,255,255,.18)}
  .mx-dots i{border-color:rgba(255,255,255,.25)}
  .mx-combo{border-color:var(--line)}
  .mx-combo .mx-sw small,.mx-tbl th,.mx-tbl td:first-child,.mx-load,.mx-none,.mx-cnt,.mx-stbl .mx-art{color:#A0A0A0}
  .mx-foot{color:var(--d-t3)}
  .mx-tbl svg.mx-kp{background:#EDEDEA;border-radius:6px}
  .mx-q{background:var(--d-in);border-color:var(--d-in-b);color:var(--t)}
  .mx-q:focus{border-color:var(--y)}
  .mx-stbl .mx-sc{color:var(--t2)}
  .mx-scb{color:var(--t)}
  .mx-more{background:var(--d-card);border-color:#666;color:var(--t)}
  .mx-fbtn{background:var(--d-card);border-color:#666;color:var(--t)}
  .mx-fbtn.is-on{background:var(--y);border-color:var(--y)}
  .mx-fs{background:var(--d-card)}
  .mx-f{color:#A0A0A0}
  .mx-f select{background:var(--d-in);border-color:var(--d-in-b);color:var(--t)}
  .mx-freset{color:var(--t2)}

  /* desktop hero: fog over the slider and the translucent lead form */
  @media (min-width:768px){
    .hero__bg::after{background:radial-gradient(ellipse 46% 60% at 0 0,rgba(18,18,18,.9),rgba(18,18,18,0) 100%),radial-gradient(ellipse 46% 60% at 0 100%,rgba(18,18,18,.9),rgba(18,18,18,0) 100%),linear-gradient(90deg,rgba(18,18,18,.9) 0,rgba(18,18,18,.72) 300px,rgba(18,18,18,0) 640px)}
    .hero .card-form{background:rgba(34,34,34,.92);box-shadow:0 14px 40px rgba(0,0,0,.5)}
    .hero .card-form .form-note{color:var(--t2)}
  }

  /* text pages: oferta, privacy, pay */
  .doc p,.doc li,.price td{color:#D6D6D6}
  .price__head{background:#0C0C0C}
  .price tr.grp td{color:var(--t)}
  .req__blank{color:#777}
  .cp{background:var(--d-card);color:var(--t);border-color:var(--d-in-b)}
  .cp.ok{background:var(--y)}
  .qr img{background:#fff;padding:8px;border-radius:8px}
  .err{color:#ff6b6b}

  /* konstruktor: drawings stay on light "paper", the rest is dark */
  .kz-stage{background:#F4F4F2;border-color:var(--line)}
  .kz-rec,.prow__rec{color:#6fd39a}
  .opt{background:var(--d-card);border-color:var(--d-in-b)}
  .opt:hover,.opt:focus-visible,.opt.is-sel{border-color:var(--y)}
  .opt.is-rec{border-color:#3f8f63}
  .opt__pic{background:#F4F4F2;border-radius:8px}
  .prow{background:var(--d-card)}
  .prow:hover,.prow:focus-visible{border-color:#666}
  .prow.is-sel{border-color:var(--y)}
  .prow__strip{border-color:#777}
  .kz-err,.kz-warn{color:#f28b82}
  .kz-ta{background:var(--d-in);border-color:var(--d-in-b);color:var(--t)}
  .kz-ta:focus{border-color:var(--y)}
  .kz-box{background:var(--d-card)}
  .kz-photo{background:#2a2a2a}
  .kz-photo--wait{background:linear-gradient(135deg,#242424,#1c1c1c)}
  .kz-cap__new,.kz-small,.kz-gen__s{color:var(--t2)}
  .kz-gen__spin{border-color:rgba(255,255,255,.12);border-top-color:var(--y)}
  .kz-toast{color:#81c995}
  .kz-foot a{color:var(--t)}
}