/* Мой Калач: дополнение поверх site.css — светлая, тёмная, системная темы. */
.theme-control{position:relative;flex-shrink:0}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--ink);font-size:20px;line-height:1;box-shadow:var(--shadow);transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{background:var(--light);border-color:var(--pink);transform:translateY(-1px)}
.theme-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:140;width:210px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 18px 45px rgba(0,0,0,.19)}
.theme-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-weight:650;font-size:13px}
.theme-option:hover,.theme-option:focus-visible{background:var(--light)}
.theme-option.selected{color:var(--pink);background:var(--light)}
.theme-check{margin-left:auto;opacity:0}
.theme-option.selected .theme-check{opacity:1}
@media(max-width:750px){.header-actions{gap:7px}.theme-toggle{width:37px;height:37px;border-radius:11px}}
@media(max-width:390px){.brand{font-size:18px}.brand-mark{width:36px;height:36px;font-size:21px}}

/* В тёмном режиме переменные и явные светлые поверхности из исходного CSS. */
html[data-theme="dark"]{
  --bg:#10131d;
  --ink:#f5f3fa;
  --muted:#bec0d0;
  --pink:#ff67a6;
  --pink2:#ff9bc9;
  --berry:#dc2c79;
  --light:#392238;
  --line:#353949;
  --white:#1b1e2c;
  --shadow:0 14px 40px rgba(0,0,0,.22);
  --ring:0 0 0 4px rgba(255,103,166,.19);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(24,27,41,.94)}
html[data-theme="dark"] .nav-links a{color:#c5c5d4}
html[data-theme="dark"] .nav-links a.active,html[data-theme="dark"] .nav-links a:hover{color:var(--pink)}
html[data-theme="dark"] .btn.ghost{background:var(--white);color:var(--ink)}
html[data-theme="dark"] .btn.ghost:hover{background:var(--light)}
html[data-theme="dark"] .btn.light{background:#fce8f1;color:#7b1848}
html[data-theme="dark"] .btn.light:hover{background:#fff}
html[data-theme="dark"] .pill.neutral{background:#2e3141;color:#ece5f0}
html[data-theme="dark"] .pill{color:#ffd7e8}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 82% 10%,rgba(124,41,97,.25),transparent 45%),linear-gradient(135deg,#171a29 12%,#211a2b 73%,#2b1c2e);border-bottom-color:var(--line)}
html[data-theme="dark"] .hero p{color:#c9c5d4}
html[data-theme="dark"] .hero-search{background:var(--white);border-color:#66415a;box-shadow:0 16px 40px rgba(0,0,0,.17)}
html[data-theme="dark"] .hero-search input{background:transparent;color:var(--ink)}
html[data-theme="dark"] .hero-caption,html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .disclaimer{color:#ada9bb}
html[data-theme="dark"] .hero-card,html[data-theme="dark"] .hero-chip{background:var(--white);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .cat-card,html[data-theme="dark"] .highlight-card:not(.dark),html[data-theme="dark"] .listing-card,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .panel,html[data-theme="dark"] .filters,html[data-theme="dark"] .mini-preview,html[data-theme="dark"] .phone-card,html[data-theme="dark"] .admin-record,html[data-theme="dark"] .account-item,html[data-theme="dark"] .secret-box{background:var(--white);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .cat-card:hover{border-color:#a34275}
html[data-theme="dark"] .listing-card:hover{box-shadow:0 22px 42px rgba(0,0,0,.38)}
html[data-theme="dark"] .filters input,html[data-theme="dark"] .filters select,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#25293a;border-color:#464b62;color:var(--ink)}
html[data-theme="dark"] .filters input:focus,html[data-theme="dark"] .filters select:focus,html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus{background:#2b3042;border-color:var(--pink)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#a7aabd;opacity:1}
html[data-theme="dark"] select option{background:#25293a;color:var(--ink)}
html[data-theme="dark"] .field{color:#e0dfeb}
html[data-theme="dark"] .help,html[data-theme="dark"] .checkline,html[data-theme="dark"] .photo-picker small,html[data-theme="dark"] .mini-preview p,html[data-theme="dark"] .listing-bottom,html[data-theme="dark"] .foot-inner p{color:var(--muted)}
html[data-theme="dark"] .detail-panel .body-text,html[data-theme="dark"] .admin-record p{color:#c9c7d6}
html[data-theme="dark"] .photo-picker{background:#262132;border-color:#77405f;color:var(--ink)}
html[data-theme="dark"] .photo-picker:hover{background:#36223a;border-color:var(--pink)}
html[data-theme="dark"] .photo-item img{border-color:var(--line)}
html[data-theme="dark"] .photo-actions button{background:#383248;color:var(--ink)}
html[data-theme="dark"] .photo-actions button:hover{background:#52314b}
html[data-theme="dark"] .mini-preview{border-color:var(--line)}
html[data-theme="dark"] .note{background:#322436;border-color:#69445a;color:#f8dfe9}
html[data-theme="dark"] .message{background:#1b392f;color:#baf2d0}
html[data-theme="dark"] .message.error{background:#492530;color:#ffb8c4}
html[data-theme="dark"] .secret-box code{color:#f5bdd7}
html[data-theme="dark"] .stat-chip{background:#302232;border-color:#63425a;color:#ffc5de}
html[data-theme="dark"] .listing-thumb{background:linear-gradient(125deg,#44304b,#7f3a67);color:#ffd8e8}
html[data-theme="dark"] .badge-overlay{background:rgba(30,27,40,.94);color:#ffb4d3}
html[data-theme="dark"] .gallery-main,html[data-theme="dark"] .mini-preview .mini-icon{background:linear-gradient(130deg,#39273b,#6e3b5a)}
html[data-theme="dark"] .gallery-thumbs button{background:#24273a}
html[data-theme="dark"] .gallery-zoom{background:#2b2e41;color:#f7f1f8}
html[data-theme="dark"] .gallery-arrow{background:rgba(34,35,51,.96);color:#fff}
html[data-theme="dark"] .page-icon{background:linear-gradient(130deg,#4c2b48,#8e3c68)}
html[data-theme="dark"] .phone-card .number{color:#ffa2c8}
html[data-theme="dark"] .site-footer{background:#171b28;border-color:var(--line)}
html[data-theme="dark"] .foot-links{color:#c1bed1}
html[data-theme="dark"] .skip{background:var(--white);color:var(--ink)}
html[data-theme="dark"] .bottom-nav{background:rgba(22,25,37,.96);box-shadow:0 -7px 26px rgba(0,0,0,.22)}
html[data-theme="dark"] .bottom-nav a{color:#b1b1c1}
html[data-theme="dark"] .bottom-nav a.active{color:var(--pink)}
html[data-theme="dark"] .toast{background:#3c4057;color:#fff}
html[data-theme="dark"] .highlight-card.dark{background:linear-gradient(133deg,#422845,#252136)}
html[data-theme="dark"] .highlight-card.dark p{color:#efe0eb}
html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] select:focus-visible,html[data-theme="dark"] textarea:focus-visible{outline-color:var(--pink)}
/* При предпочитаемой пользователем сниженной анимации переходы отключены в исходном CSS. */