/* ==========================================================================
   КБ-57 — ТЕМЫ ЧЁРНО-БЕЛОГО ЧЕРТЕЖА (переключатель в шапке, localStorage kb57-theme)
   data-v="1" · тёмная — чёрный лист, белая линия, светлые «бумажные» секции
   data-v="2" · светлая — белый ватман, чёрная тушь, чёрный подвал
   ========================================================================== */

/* ---------- общее для всех вариантов ---------- */
html[data-v] em{color:transparent;-webkit-text-stroke:1.2px var(--ink);font-style:normal}
html[data-v] h2 em,html[data-v] h1 em{-webkit-text-stroke-width:1.4px}
html[data-v] .sec--alt em,html[data-v] .about em,html[data-v] .contact em{color:transparent;-webkit-text-stroke-color:var(--paper-ink)}
html[data-v] h2{color:inherit}
html[data-v] .btn--accent:hover{background:transparent;color:var(--ink);border-color:var(--ink)}
html[data-v] .sec--alt .btn--accent:hover,html[data-v] .contact .btn--accent:hover{background:transparent;color:var(--paper-ink);border-color:var(--paper-ink)}
html[data-v="2"] .ibtn__sun{opacity:1;transform:none}
html[data-v="2"] .ibtn__moon{opacity:0;transform:rotate(90deg) scale(.6)}
html[data-v="2"] .ibtn:hover,html[data-v="2"] .phone:hover,html[data-v="2"] .search__x:hover{background:rgba(12,12,13,.06)}
html[data-v="2"] .burger i{background:#0c0c0d}
/* плавная смена темы */
html.theme-anim body,html.theme-anim .hdr::before,html.theme-anim .sec,html.theme-anim .ftr,html.theme-anim .card,html.theme-anim .crow,html.theme-anim .lead{transition:background-color .45s ease,color .45s ease,border-color .45s ease}

/* ---------- 1 · Ночной чертёж ---------- */
html[data-v="1"]{
  --blue:#0c0c0d; --blue-2:#161617; --blue-3:#202022; --blue-deep:#060606;
  --ink-rgb:255,255,255; --ink:#ffffff;
  --cyan:#ffffff; --cyan-soft:rgba(255,255,255,.12);
  --paper:#f2f1ed; --paper-2:#e7e5df; --paper-ink:#0c0c0d; --paper-ink-2:#45443f; --paper-mute:#86847d;
  --pi-rgb:12,12,13; --paper-line:rgba(12,12,13,.15); --paper-grid:rgba(12,12,13,.05); --paper-acc:#0c0c0d; --pa-rgb:12,12,13;
  --deep-rgb:6,6,6; --ov-rgb:0,0,0; --hdr-bg:rgba(12,12,13,.86); --photo-paper:#dcdad4;
  --fold-ink:255,255,255; --fold-acc:255,255,255; --fold-face:24,24,26;
  --intro-1:#222224; --intro-2:#060606; --intro-ink:255,255,255; --beam:255,255,255; --glow:255,255,255;
}
html[data-v="1"] body::after{background:radial-gradient(120% 80% at 70% 0%,#1d1d1f 0%,#0c0c0d 55%,#060606 100%)}

/* ---------- 2 · Белый ватман ---------- */
html[data-v="2"]{
  --blue:#f5f4f0; --blue-2:#ffffff; --blue-3:#ecebe6; --blue-deep:#e9e7e1;
  --ink-rgb:12,12,13; --ink:#0c0c0d; --ink-2:rgba(12,12,13,.74); --ink-3:rgba(12,12,13,.5);
  --line:rgba(12,12,13,.13); --line-2:rgba(12,12,13,.32); --grid:rgba(12,12,13,.045); --grid-2:rgba(12,12,13,.09);
  --cyan:#0c0c0d; --cyan-soft:rgba(12,12,13,.08);
  --paper:#ffffff; --paper-2:#f3f2ee; --paper-ink:#0c0c0d; --paper-ink-2:#45443f; --paper-mute:#86847d;
  --pi-rgb:12,12,13; --paper-line:rgba(12,12,13,.14); --paper-grid:rgba(12,12,13,.045); --paper-acc:#0c0c0d; --pa-rgb:12,12,13;
  --deep-rgb:255,255,255; --ov-rgb:14,14,14; --hdr-bg:rgba(245,244,240,.88); --photo-paper:#e4e2dc;
  --fold-ink:12,12,13; --fold-acc:12,12,13; --fold-face:226,224,218;
  --intro-1:#222224; --intro-2:#060606; --intro-ink:255,255,255; --beam:255,255,255; --glow:255,255,255;
}
html[data-v="2"] body::after{background:radial-gradient(120% 80% at 70% 0%,#ffffff 0%,#f5f4f0 55%,#ebe9e3 100%)}
html[data-v="2"] .btn--accent{background:#0c0c0d;border-color:#0c0c0d;color:#fff}
html[data-v="2"] ::selection{color:#fff}
html[data-v="2"] .about,html[data-v="2"] .contact{background:#fff}
html[data-v="2"] .popup__card,html[data-v="2"] .search__card{background:#fff}
html[data-v="2"] .popup__side{background:#f3f2ee}
html[data-v="2"] .lightbox{background:rgba(245,244,240,.96)}
@media (max-width:960px){html[data-v="2"] .nav{background:#f5f4f0}}
html[data-v="2"] .mbar__cta{background:#0c0c0d;color:#fff}
html[data-v="2"] .ftr{--ink-rgb:255,255,255;--ink:#fff;--ink-2:rgba(255,255,255,.74);--ink-3:rgba(255,255,255,.5);--line:rgba(255,255,255,.14);--line-2:rgba(255,255,255,.3);--cyan:#fff;background:#0c0c0d;color:#fff}