/* Тёмная тема: графитовый фон, красный — основной, золотой — второй акцент, светлые мягкие тени */
:root{
  --red:#FF2D3B; --red-d:#E10E1B; --red-l:rgba(255,45,59,.14);
  --ink:#F3F4F6; --graphite:#C9CCD3; --muted:#9BA1AC; --line:#2A2E37;
  --bg:#0D0E11; --card:#16181D; --surf:#1C1F25; --deep:#08090B;
  --gold:#FFC23D; --gold-l:rgba(255,194,61,.14); --amber:#FFC23D;
  --sh:0 0 0 1px rgba(255,255,255,.05),0 12px 40px rgba(255,255,255,.06);
  --glow:0 0 0 1px rgba(255,255,255,.06),0 18px 50px rgba(255,255,255,.09);
  --glow-red:0 8px 30px rgba(255,45,59,.35);
}
body{background:var(--bg);color:var(--ink)}
::selection{background:var(--red);color:#fff}

/* Поверхности, которые в светлой теме были белыми */
.header{background:rgba(13,14,17,.88);border-bottom-color:var(--line)}
.hero{background:radial-gradient(1200px 600px at 80% 10%,rgba(255,45,59,.16),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(255,194,61,.08),transparent 60%),var(--bg)}
.sec-white,.page-head{background:var(--card)}
.page-head{border-bottom-color:var(--line)}
.prob,.facts li,.calc,.tbl-wrap,.rev,.faq details,.aside,.card,.chips span,.tabs button,.hero-badge,.burger,.adv div{background:var(--surf);border-color:var(--line);color:var(--ink)}
.sec-white .adv div,.sec-white .card,.sec-white .prob{background:var(--bg)}
.nav a{color:var(--graphite)}
.nav a:hover,.nav a[aria-current]{background:var(--red-l);color:#fff}
@media (max-width:1080px){.nav{background:var(--card);border-bottom-color:var(--line)}}
.burger span{background:var(--ink)}
.logo,.h-phone,.card-b h3 a,.prob{color:var(--ink)}
.prob:hover{color:var(--ink);border-color:var(--red);box-shadow:var(--glow)}
.card:hover{box-shadow:var(--glow)}

/* Блоки, которые были «чёрными» на светлом */
.topbar{background:var(--deep);color:var(--muted)}
.sec-dark{background:linear-gradient(180deg,var(--deep),#121318);color:#e9eaee}
.footer{background:var(--deep)}
.copy{border-top-color:var(--line)}
.btn-dark{background:#fff;color:#0D0E11}.btn-dark:hover{background:var(--gold);color:#0D0E11}
.btn-line{border-color:rgba(255,255,255,.7);color:#fff}.btn-line:hover{background:#fff;color:#0D0E11}
.btn-red{box-shadow:var(--glow-red)}.btn-red:hover{background:#ff4653}
thead th{background:#24272E;color:#fff}
tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
tbody tr:hover{background:var(--red-l)}
td,th{border-bottom-color:var(--line)}
.calc-res{background:linear-gradient(160deg,#22252C,#16181D);box-shadow:inset 0 0 0 1px var(--line)}
.chips input:checked+span{background:var(--red);border-color:var(--red);color:#fff;box-shadow:var(--glow-red)}
.adv .ic{background:var(--gold-l);color:var(--gold)}
.prob .ic,.hero-badge .ic{background:var(--red-l);color:var(--red)}
.hero-badge .ic{background:var(--red);color:#fff}
.tabs button[aria-selected=true]{background:var(--red);border-color:var(--red)}

/* Второй акцент — золотой: цены, цифры, звёзды */
.price,.calc-res .sum,.facts b,.aside .price{color:var(--gold)}
.prob i{color:var(--gold)}
.steps li::before{color:var(--gold)}
.steps li{background:rgba(255,255,255,.03)}
.steps.light li{background:var(--surf);border-color:var(--line)}
.steps.light b{color:#fff}
td.p{color:#fff}
.eyebrow{background:var(--gold-l);color:var(--gold)}
.hero h1 em{color:var(--red);text-shadow:0 0 40px rgba(255,45,59,.35)}
.more{color:var(--gold)}
.ok li::before{background-color:var(--red)}

/* Светлые мягкие тени на фото */
.hero-main{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 80px rgba(255,255,255,.10),0 0 120px rgba(255,45,59,.18)}
.gallery .gl{background:var(--surf);box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.gallery .gl:hover{box-shadow:0 10px 30px rgba(255,255,255,.12)}
.ph-grid img{box-shadow:var(--glow)}

/* Форма-призыв */
.cta{background:linear-gradient(135deg,#B80913,#FF2D3B 60%,#FF5A3C);box-shadow:0 20px 60px rgba(255,45,59,.25)}
.form input[type=text],.form input[type=tel],.form select,.form textarea{background:rgba(13,14,17,.85);color:#fff;border:1px solid rgba(255,255,255,.15)}
.form input::placeholder{color:#9BA1AC}
.form select option{background:#16181D}

/* Ссылки и прочее */
a{color:#FF5A66}a:hover{color:var(--gold)}
.crumbs,.crumbs a{color:var(--muted)}
.callbar{background:var(--card);border-top-color:var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.5)}
.faq summary::after{color:var(--gold)}
.lead{color:var(--graphite)}
.sec-head p{color:var(--muted)}