/* Simple solution: apply white text only when data-forced-theme="dark" */
/* --- ЛОГОТИП SMS-BOOM --- */
img[src*="logo.png"] {
  height: 36px !important;
  max-height: 40px !important;
  width: auto !important;
}
/* телефоны: чуть меньше */
@media (max-width: 560px) {
  img[src*="logo.png"] {
    height: 30px !important;
    max-height: 30px !important;
  }
}

[data-forced-theme="dark"] #root *,
[data-forced-theme="dark"] #root button,
[data-forced-theme="dark"] #root span,
[data-forced-theme="dark"] #root p,
[data-forced-theme="dark"] #root h1,
[data-forced-theme="dark"] #root h2,
[data-forced-theme="dark"] #root h3,
[data-forced-theme="dark"] #root div {
  color: #fff !important;
}

[data-forced-theme="dark"] #root svg {
  color: #fff !important;
  fill: none !important;
  stroke: currentColor !important;
}

[data-forced-theme="dark"] #root svg path,
[data-forced-theme="dark"] #root svg circle {
  fill: none !important;
  stroke: currentColor !important;
}