/* Night: Dnipro actually goes dark. Day: no leftover white type on the photo. */

html[data-theme="night"][data-bg="city"] .snet-bg-city {
  background-color: #01040a !important;
}
html[data-theme="night"][data-bg="city"] .snet-bg-city__slide {
  filter: brightness(0.36) saturate(0.68) contrast(1.08);
}
html[data-theme="night"][data-bg="city"] .snet-bg-city__veil {
  background:
    linear-gradient(180deg, rgba(0, 3, 10, 0.9) 0%, rgba(1, 6, 14, 0.82) 42%, rgba(0, 2, 8, 0.94) 100%),
    radial-gradient(80% 60% at 50% 0%, rgba(0, 50, 90, 0.18), transparent 62%) !important;
}

html[data-theme="day"][data-bg="city"] .snet-bg-city__slide {
  filter: brightness(1.06) saturate(1.05);
}
html[data-theme="day"][data-bg="city"] .snet-bg-city__veil {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.28) 0%, rgba(255, 248, 236, 0.12) 48%, rgba(236, 246, 255, 0.26) 100%) !important;
}

html[data-theme="day"] #hero,
html[data-theme="day"] #hero *:not(svg):not(path):not(circle):not(rect),
html[data-theme="day"] #main,
html[data-theme="day"] #main *:not(svg):not(path):not(circle):not(rect),
html[data-theme="day"] #header,
html[data-theme="day"] #header *:not(svg):not(path):not(circle):not(rect),
html[data-theme="day"] #footer,
html[data-theme="day"] #footer * {
  color: #13283c !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="day"] #hero h1,
html[data-theme="day"] #hero.snet-hero h1,
html[data-theme="day"] .snet-hero-copy h1,
html[data-theme="day"][data-bg="city"] #hero h1,
html[data-theme="day"][data-bg="city"] #main .section-title h1,
html[data-theme="day"][data-bg="city"] #main .section-title h2,
html[data-theme="day"][data-bg="city"] .breadcrumbs h1,
html[data-theme="day"] #main .section-title h1,
html[data-theme="day"] #main .section-title h2,
html[data-theme="day"] .breadcrumbs h1 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
  -webkit-text-stroke: 0.05em #fff !important;
  paint-order: stroke fill;
  text-shadow: 0 1px 0 #fff, 0 4px 14px rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="day"] #hero h1 span,
html[data-theme="day"] #hero h1 .snet-neon-word,
html[data-theme="day"] .snet-neon-word,
html[data-theme="day"][data-bg="city"] #hero h1 span,
html[data-theme="day"][data-bg="city"] .snet-neon-word {
  color: #041018 !important;
  -webkit-text-fill-color: #041018 !important;
  -webkit-text-stroke: 2px #3ad7ff !important;
  paint-order: stroke fill;
}

html[data-theme="day"] #hero .snet-hero-lead,
html[data-theme="day"][data-bg="city"] #hero .snet-hero-lead,
html[data-theme="day"] .snet-address__kicker,
html[data-theme="day"] .snet-address__label,
html[data-theme="day"] .snet-address__hint {
  color: #17344c !important;
  -webkit-text-fill-color: #17344c !important;
  -webkit-text-stroke: 0 !important;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

html[data-theme="day"] .snet-hero-badge,
html[data-theme="day"] .snet-hero-badge *,
html[data-theme="day"] .snet-hero-gag,
html[data-theme="day"] .snet-hero-gag *,
html[data-theme="day"] .snet-hero-chip--tg,
html[data-theme="day"] .snet-hero-chip--tg *,
html[data-theme="day"] .snet-hero-chip--phone,
html[data-theme="day"] .snet-hero-chip--phone *,
html[data-theme="day"] .btn-get-started,
html[data-theme="day"] .btn-connect,
html[data-theme="day"] .get-started-btn,
html[data-theme="day"] .snet-cta-btn,
html[data-theme="day"] .snet-telegram-btn,
html[data-theme="day"] .snet-telegram-btn * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}