/* ===== Переключатель темы ===== */
.topbar__right { display: flex; align-items: center; gap: 18px; }
.theme-switch { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.theme-switch button { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--ink-3); transition: background .25s, color .25s; }
.theme-switch button i { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(201, 164, 106, .6); }
.theme-switch [data-theme-set="dark"] i { background: linear-gradient(135deg, #5e1720, #250809); }
.theme-switch [data-theme-set="light"] i { background: linear-gradient(135deg, #fff, #efe6df); }
.theme-switch button[aria-pressed="true"] { background: var(--surface-2); color: var(--ink); box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .35); }
.drawer .theme-switch { align-self: flex-start; }
.logo__img--light { display: none; }

/* Плавная смена темы (только в момент переключения) */
.theme-anim, .theme-anim *, .theme-anim *::before, .theme-anim *::after { transition: background-color .4s, color .4s, border-color .4s, box-shadow .4s !important; }

/* ===== Белая тема ===== */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f6f1ee;
  --surface-2: #ffffff;
  --ink: #1f1214;
  --ink-2: #5b4a4d;
  --ink-3: #8a7a7c;
  --line: rgba(53, 13, 19, .12);
  --gold: #6e1a25;           /* акцентный текст на белом — бургунди */
  --gold-100: #6e1a25;
  --shadow: 0 22px 44px -24px rgba(53, 13, 19, .35), 0 0 0 1px rgba(53, 13, 19, .1);
}

/* Фирменные бургундские блоки в белой теме остаются тёмными с золотом */
:root[data-theme="light"] :is(
  .header, .h-hero, .h-trust__area, .h-step, .h-scheme__cta, .h-scheme__img, .h-promo__item, .h-widget, .h-tg__desc, .h-contacts__info,
  .h-social__img, .h-photo-ph, .h-dir__icon--ico, .specs, .box__wrap--dark, .cat-hero__text, .cat-hero__art, .trust__item,
  .step--cta, .step__ico, .dir > .ico:first-child, .banner, .tg__text, .tg__screen, .about__stats div, .review__ava,
  .footer__wrap, .fab__btn, .toast, .card__year, .gallery__badge, .gallery__count, .table th, .h-btn-dark, .btn--dark, .hero
) {
  --ink: #f3ece4; --ink-2: #cbbdb3; --ink-3: #9a8a83;
  --gold: #c9a46a; --gold-100: #f6e2b3;
  --line: rgba(201, 164, 106, .16);
  --surface: #2a0a0e; --surface-2: #350d13;
  color-scheme: dark;
}
:root[data-theme="light"] .footer__wrap { background: var(--grad-wine); color: rgba(255, 255, 255, .75); }
:root[data-theme="light"] .btn--dark, :root[data-theme="light"] .h-btn-dark { background: var(--grad-wine); color: #fff; }

/* Шапка, нижняя панель */
/* Шапка в белой теме остаётся бургундской */
:root[data-theme="light"] .header { background: linear-gradient(180deg, #2c0b10, #250809); color: var(--ink); }
:root[data-theme="light"] .header.is-scrolled { background: rgba(37, 8, 9, .94); box-shadow: 0 10px 30px -14px rgba(53, 13, 19, .6); }
:root[data-theme="light"] .topbar { border-bottom-color: rgba(201, 164, 106, .16); }
:root[data-theme="light"] .mbar { background: rgba(255, 255, 255, .96); }
/* Логотип: золотой в бургундских шапке и подвале, бургундский — в белом мобильном меню */
:root[data-theme="light"] .drawer .logo__img--dark { display: none; }
:root[data-theme="light"] .drawer .logo__img--light { display: block; filter: none; }

/* Иконки-плашки на светлых карточках */
:root[data-theme="light"] :is(.perks .ico, .feature .ico) {
  color: #6e1a25; background: linear-gradient(145deg, rgba(110, 26, 37, .12), rgba(110, 26, 37, .03));
  box-shadow: inset 0 0 0 1px rgba(110, 26, 37, .25);
}
:root[data-theme="light"] .contacts__row .ico { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }

/* Поля ввода и заглушка карты */
:root[data-theme="light"] .field:not(.field--dark) :is(input, select, textarea) { background: #fbf8f6; }
:root[data-theme="light"] .field input:focus, :root[data-theme="light"] .field select:focus, :root[data-theme="light"] .field textarea:focus { background: #fff; border-color: #6e1a25; }
:root[data-theme="light"] .map-ph { background: repeating-linear-gradient(45deg, #f6f1ee, #f6f1ee 20px, #efe7e2 20px, #efe7e2 40px); }

/* Эффекты карточек: подсветка бургунди вместо золота */
:root[data-theme="light"] .fx::before { background: radial-gradient(420px circle at var(--mx) var(--my), rgba(110, 26, 37, .07), transparent 45%); }
:root[data-theme="light"] .fx::after { background: radial-gradient(260px circle at var(--mx) var(--my), rgba(110, 26, 37, .7), rgba(110, 26, 37, .25) 40%, transparent 70%); }
:root[data-theme="light"] .fx--tilt.is-hover { box-shadow: 0 30px 50px -26px rgba(53, 13, 19, .45), 0 0 0 1px rgba(110, 26, 37, .2) !important; }
/* в бургундских карточках — золотая подсветка, как в тёмной теме */
:root[data-theme="light"] :is(.h-trust__area, .h-step, .h-scheme__cta, .h-promo__item, .h-widget, .trust__item, .h-tg__desc, .h-contacts__info).fx::before { background: radial-gradient(420px circle at var(--mx) var(--my), rgba(246, 226, 179, .13), transparent 45%); }
:root[data-theme="light"] :is(.h-trust__area, .h-step, .h-scheme__cta, .h-promo__item, .h-widget, .trust__item, .h-tg__desc, .h-contacts__info).fx::after { background: radial-gradient(260px circle at var(--mx) var(--my), rgba(246, 226, 179, .9), rgba(201, 164, 106, .35) 40%, transparent 70%); }

/* Прочее */
:root[data-theme="light"] .h-arrows button { background: #fff; }
:root[data-theme="light"] .h-promo, :root[data-theme="light"] .h-dir, :root[data-theme="light"] .h-wrap { box-shadow: inset 0 0 0 1px var(--line); }
:root[data-theme="light"] .review__demo { background: #f6f1ee; }

@media (max-width: 768px) {
  .theme-switch button span { display: none; }
  .theme-switch button { padding: 4px; }
  .drawer .theme-switch button span { display: inline; }
  .drawer .theme-switch button { padding: 4px 10px 4px 4px; }
}

/* Шкала цены: на светлом фоне — более тёмные оттенки для читаемости */
:root[data-theme="light"] .pm--excellent { color: #0f6b30; }
:root[data-theme="light"] .pm--good { color: #3f7a12; }
:root[data-theme="light"] .pm--normal { color: #946200; }
:root[data-theme="light"] .pm--high { color: #b0172b; }