/* Дизайн-токены сайта: палитра объявлена здесь один раз, в остальных css — var(--…).
   :root — светлая тема, html[data-theme="dark"] — тёмная (тема выставляется скриптом в <head>, см. base.html).
   Имена: c-* цвета по роли (text/bg/border/fill), img-* фоновые svg, у которых есть тёмный вариант в /static/svg/dark/. */
:root{
  --c-bg:#fff;--c-surface:#f5f5f5;--c-surface-2:#ebebeb;--c-chip:#d9d9d9;--c-chip-2:#b6b6b6;--c-ink:#3e3d3d;--c-muted-bg:#999;
  --c-cream:#fdf9f4;--c-cream-2:#f9ebd5;--c-tint:#eef2f8;--c-black:#000;
  --c-primary:#1b365d;--c-primary-dark:#142a4a;--c-primary-rgb:27,54,93;--c-primary-line:#1b365d;--c-primary-text:#1f4a73;--c-primary-ink:#1b365d;
  --c-gold:#dec054;--c-gold-dark:#a68528;--c-gold-text:#b8952f;--c-gold-dark-text:#a68528;
  --c-text:#3e3d3d;--c-gray:gray;--c-line-soft:#f6f6f6;--c-text-strong:#000;--c-text-soft:#ebebeb;--c-muted:#999;--c-faint:#d9d9d9;--c-faint-2:#b6b6b6;--c-on-primary:#fff;--c-error:#c0392b;
  --c-bg-line:#fff;--c-surface-line:#ebebeb;--c-line:#d9d9d9;--c-line-2:#b6b6b6;--c-muted-line:#999;--c-text-line:#3e3d3d;--c-black-line:#000;--c-fill-faint:#d9d9d9;
  --c-glass:hsla(0,0%,100%,.7);--c-glass-2:hsla(0,0%,100%,.8);--c-glass-5:hsla(0,0%,100%,.5);--c-glass-3:#ffffff80;
  --img-bg-before-after:url(/static/svg/bg-before-after.svg);--img-bg-price:url(/static/svg/bg-price.svg);--img-bg-rating-v2:url(/static/svg/bg-rating-v2.svg);
  --img-bg-service-hero:url(/static/svg/bg-service-hero.svg);--img-bg-top-gray:url(/static/svg/bg-top-gray.svg);--img-bg-top-gray-mobile:url(/static/svg/bg-top-gray-mobile.svg);
  --img-header-phone-bg:url(/static/svg/header-phone-bg.svg);--img-bg-what-we-can-do-v2:url(/static/svg/bg-what-we-can-do-v2.svg);
  --img-bg-what-we-can-do-bottom-v2:url(/static/svg/bg-what-we-can-do-bottom-v2.svg);--img-bg-first-step-v2:url(/static/svg/bg-first-step-v2.svg);
  --img-bg-top-blue-v2:url(/static/svg/bg-top-blue-v2.svg);--img-bg-our-team-v2:url(/static/svg/bg-our-team-v2.svg);--img-bg-doctor-top-v2:url(/static/svg/bg-doctor-top-v2.svg);
  --img-bg-service-features-v2:url(/static/svg/bg-service-features-v2.svg);
}
/* Тёмная тема: тёплый графит, светлый песочный текст, золото без изменений, синие плоскости чуть приподняты */
html[data-theme="dark"]{color-scheme:dark;
  --c-bg:#181818;--c-surface:#1f1f1f;--c-surface-2:#202020;--c-chip:#2c2c2c;--c-chip-2:#3a3a3a;--c-ink:#2a2a2a;--c-muted-bg:#4a4a4a;
  --c-cream:#211d16;--c-cream-2:#2b2418;--c-tint:#1c2633;
  --c-primary:#1e3a63;--c-primary-dark:#172f52;--c-primary-rgb:30,58,99;--c-primary-line:#3d6499;--c-primary-text:#9cc0ea;
  --c-gold-text:#dec054;--c-gold-dark-text:#d1b04a;
  --c-text:#ece8e0;--c-gray:#a19b92;--c-line-soft:#2a2a2a;--c-text-strong:#f2f0eb;--c-text-soft:#dddad3;--c-muted:#a19b92;--c-faint:#6f6f6f;--c-faint-2:#7d7d7d;--c-error:#ff6b5e;
  --c-bg-line:#2a2a2a;--c-surface-line:#2c2c2c;--c-line:#3a3a3a;--c-line-2:#444;--c-muted-line:#6a655d;--c-text-line:#cfcac1;--c-black-line:#ddd;--c-fill-faint:#444;
  --c-glass:hsla(0,0%,11%,.85);--c-glass-2:hsla(0,0%,11%,.85);--c-glass-5:hsla(0,0%,11%,.85);--c-glass-3:rgba(24,24,24,.85);
  --img-bg-before-after:url(/static/svg/dark/bg-before-after.svg);--img-bg-price:url(/static/svg/dark/bg-price.svg);--img-bg-rating-v2:url(/static/svg/dark/bg-rating-v2.svg);
  --img-bg-service-hero:url(/static/svg/dark/bg-service-hero.svg);--img-bg-top-gray:url(/static/svg/dark/bg-top-gray.svg);--img-bg-top-gray-mobile:url(/static/svg/dark/bg-top-gray-mobile.svg);
  --img-header-phone-bg:url(/static/svg/dark/header-phone-bg.svg);--img-bg-what-we-can-do-v2:url(/static/svg/dark/bg-what-we-can-do-v2.svg);
  --img-bg-what-we-can-do-bottom-v2:url(/static/svg/dark/bg-what-we-can-do-bottom-v2.svg);--img-bg-first-step-v2:url(/static/svg/dark/bg-first-step-v2.svg);
  --img-bg-top-blue-v2:url(/static/svg/dark/bg-top-blue-v2.svg);--img-bg-our-team-v2:url(/static/svg/dark/bg-our-team-v2.svg);--img-bg-doctor-top-v2:url(/static/svg/dark/bg-doctor-top-v2.svg);
  --img-bg-service-features-v2:url(/static/svg/dark/bg-service-features-v2.svg);
}
/* ---- Тёмная тема: то, что не выражается палитрой (картинки, фильтры, маски, акценты ночи) ---- */
html[data-theme="dark"]{color-scheme:dark}
/* фон: графит с едва заметным золотым свечением у логотипа */
html[data-theme="dark"] body{background:radial-gradient(1100px 620px at -8% -12%,rgba(222,192,84,.11),transparent 60%),#181818}
/* иконка телефона — картинка svg с тёмной заливкой, перекрашиваем фильтром */
html[data-theme="dark"] .header_phone-btn__icon{filter:brightness(0) invert(.92)}
/* карточки врачей («Наша команда»): фото с прозрачным фоном (*_nobg) — серая плашка, как карточки акций */
html[data-theme="dark"] .doctorCard_card{background-color:var(--c-surface);box-shadow:0 0 0 1px #2a2a2a,0 12px 32px rgba(0,0,0,.45)}
html[data-theme="dark"] .doctorCard_card:before{background-color:var(--c-surface)}
html[data-theme="dark"] .doctor-card__photo-img,html[data-theme="dark"] .apply-window__doctor-image{background:#fff;border-radius:18px}
html[data-theme="dark"] .heroDoc_image,html[data-theme="dark"] .hero_imageWrapper img{background:#fff}
/* коллаж «Кто мы»: картинка не режется, белое поле убирает CSS-маска по формам коллажа (who-we-are-mask.png, силуэт сглажен) */
html[data-theme="dark"] .whoWeAre_whoWeAreImageWrapper img{-webkit-mask:url(/static/img/who-we-are-mask.png) center/contain no-repeat;mask:url(/static/img/who-we-are-mask.png) center/contain no-repeat;mask-mode:alpha}
/* цены ночью — золотом, крупные цифры на графите читаются лучше синего */
html[data-theme="dark"] .price_priceItemPriceDigit,html[data-theme="dark"] .category-item_priceItemPriceDigit,html[data-theme="dark"] .price_priceItemPriceRub{color:#dec054}
/* переключатель темы: в тёмной показываем луну, в светлой солнце */
html[data-theme="dark"] .theme-toggle{color:#ece8e0}
html[data-theme="dark"] .theme-toggle:hover{color:#dec054;background:rgba(255,255,255,.06)}
html[data-theme="dark"] .theme-toggle__sun{display:none}
html[data-theme="dark"] .theme-toggle__moon{display:block}
@media (max-width:1023px){html[data-theme="dark"] .theme-toggle{color:#3e3d3d}html[data-theme="dark"] .theme-toggle:hover{color:#3e3d3d;background:rgba(0,0,0,.08)}}
/* плавная смена темы: класс вешается на html на время переключения */
html.theme-anim,html.theme-anim *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease!important}
/* ---- доводки по страницам (просмотр всех страниц 01.10.2026) ---- */
/* главные кнопки ночью — золото с тёмно-синим текстом: тёмно-синяя заливка на графите терялась */
html[data-theme="dark"] .btn_dark,html[data-theme="dark"] .btn_dark-white{color:#1b365d;background-color:#dec054;border-color:#dec054;font-weight:400}
html[data-theme="dark"] .btn_dark:hover,html[data-theme="dark"] .btn_dark-white:hover{color:#1b365d;background-color:#e8d27a;border-color:#e8d27a}
html[data-theme="dark"] .btn_dark:active,html[data-theme="dark"] .btn_dark-white:active{color:#1b365d;background-color:#c9a63a;border-color:#c9a63a}
/* переключатель филиалов: неактивная вкладка и неактивный адрес читались плохо */
html[data-theme="dark"] .clinicBtn{color:#a19b92;background-color:#262626}
html[data-theme="dark"] .clinicBtn:hover{background-color:#303030}
html[data-theme="dark"] .clinicBtn.clinicBtn_active{color:var(--c-on-primary);background-color:var(--c-primary)}
html[data-theme="dark"] .clinicInfo_clinicInfoAddressContainer:not(.clinicInfo_active),html[data-theme="dark"] .clinicInfo_clinicInfoAddressContainer:not(.clinicInfo_active) *{color:#7d7872!important}
/* карта Яндекса — светлая плита посреди тёмной страницы: инвертируем во встроенном фрейме */
html[data-theme="dark"] .clinicMap_mapContainer iframe{filter:invert(.92) hue-rotate(180deg) saturate(.75) brightness(.92)}
/* заметка о тестовом режиме оплаты */
html[data-theme="dark"] .payments_mockNote{background:#2b2418;color:#e6cf72}
/* фото врача на его странице — на плашке со скруглением, как в списке */
html[data-theme="dark"] .heroDoc_image{border-radius:18px}
html[data-theme="dark"] .document_article{background:var(--c-surface);box-shadow:0 12px 40px rgba(0,0,0,.4)}
html[data-theme="dark"] .doctorBar{background:var(--c-surface);border-color:#333;box-shadow:0 14px 40px rgba(0,0,0,.55)}
html[data-theme="dark"] .offer-card{background:var(--c-surface);box-shadow:0 12px 40px rgba(0,0,0,.4)}