html.siteTheme-dark,
body.siteTheme-dark{
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(240,24,79,.12), transparent 30%),
    #06111b!important;
}

.sunduqFooter{
  max-width:1180px;
  margin:28px auto 22px;
  padding:0 18px;
  display:flex;
  justify-content:center;
  gap:10px;
  color:#b8c6d6;
  font-weight:900;
}
.sunduqFooter a{
  color:#dbeafe;
  text-decoration:none;
}
.sunduqFooter a:hover{
  color:#fff;
}

html.siteTheme-light,
body.siteTheme-light{
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.96), transparent 24%),
    linear-gradient(135deg,#eaf5ff 0%,#f8fbff 44%,#fef7e8 100%)!important;
  color:#102033!important;
}

body.siteTheme-light .v4Top,
body.siteTheme-light .siteHeader,
body.siteTheme-light .sunduqHeader{
  background:linear-gradient(180deg,#f3e6d1,#ead8bd)!important;
  border-bottom:1px solid rgba(92,64,42,.18)!important;
  color:#2a1d14!important;
  box-shadow:0 10px 28px rgba(92,64,42,.12)!important;
}

body.siteTheme-light .v4Top a,
body.siteTheme-light .v4Top button,
body.siteTheme-light .v4Top nav,
body.siteTheme-light .v4Top span,
body.siteTheme-light .siteHeader a,
body.siteTheme-light .siteHeader button,
body.siteTheme-light .siteHeader nav,
body.siteTheme-light .siteHeader span,
body.siteTheme-light .sunduqHeader a,
body.siteTheme-light .sunduqHeader button,
body.siteTheme-light .sunduqHeader nav,
body.siteTheme-light .sunduqHeader span{
  color:#2a1d14!important;
  opacity:1!important;
}

body.siteTheme-light .v4Top .brand,
body.siteTheme-light .siteHeader .brand,
body.siteTheme-light .sunduqHeader .brand{
  color:#1f160f!important;
}

body.siteTheme-light .v4Top .iconBtn,
body.siteTheme-light .siteHeader .iconBtn,
body.siteTheme-light .sunduqHeader .iconBtn{
  background:#102033!important;
  color:#fff!important;
}

body.siteTheme-light .profilePage,
body.siteTheme-light .appShell,
body.siteTheme-light main{
  color:#102033;
}

html.siteTheme-weather.siteWeather-sun,
body.siteTheme-weather.siteWeather-sun{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,245,180,.9), transparent 10%),
    repeating-conic-gradient(from 18deg at 18% 18%, rgba(255,223,112,.24) 0 7deg, transparent 7deg 17deg),
    linear-gradient(135deg,#0b243a 0%,#1b6f8a 42%,#e39b22 100%)!important;
}

html.siteTheme-weather.siteWeather-rain,
body.siteTheme-weather.siteWeather-rain{
  background:
    repeating-linear-gradient(115deg, rgba(191,219,254,.24) 0 2px, transparent 2px 24px),
    linear-gradient(135deg,#07111d 0%,#17314a 55%,#334155 100%)!important;
}

html.siteTheme-weather.siteWeather-snow,
body.siteTheme-weather.siteWeather-snow{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.9) 0 3px, transparent 4px),
    radial-gradient(circle at 44% 30%, rgba(255,255,255,.75) 0 4px, transparent 5px),
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.85) 0 3px, transparent 4px),
    linear-gradient(135deg,#10283b 0%,#3b82a7 48%,#e0f2fe 100%)!important;
}

html.siteTheme-weather.siteWeather-fog,
body.siteTheme-weather.siteWeather-fog,
html.siteTheme-weather.siteWeather-cloud,
body.siteTheme-weather.siteWeather-cloud{
  background:
    linear-gradient(170deg, transparent 18%, rgba(226,232,240,.18) 19%, transparent 34%),
    linear-gradient(190deg, transparent 42%, rgba(226,232,240,.16) 43%, transparent 58%),
    linear-gradient(135deg,#06111b 0%,#1f2937 52%,#64748b 100%)!important;
}
