body {
  background:
    radial-gradient(ellipse 80% 50% at 15% 80%, rgba(99, 102, 241, 0.10) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 85% 15%, rgba(168, 85, 247, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse 50% 60% at 50% 50%, rgba(6, 182, 212, 0.05) 0%, transparent 50%) !important;
  background-color: #1a1f2e !important;
  background-attachment: fixed !important;
}

#page,
#content-inner,
.layout > div:first-child {
  background: transparent !important;
}

#aside-content .card-widget {
  background: rgba(30, 35, 50, 0.85) !important;
}

#post,
#page,
.recent-post-item,
.layout > .recent-posts .recent-post-item {
  background: rgba(30, 35, 50, 0.75) !important;
}

[data-theme="light"] body {
  background:
    radial-gradient(ellipse 80% 50% at 15% 80%, rgba(99, 102, 241, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 85% 15%, rgba(168, 85, 247, 0.04) 0%, transparent 50%),
    radial-gradient(ellipse 50% 60% at 50% 50%, rgba(6, 182, 212, 0.03) 0%, transparent 50%) !important;
  background-color: #eef0f5 !important;
  background-attachment: fixed !important;
}

[data-theme="light"] #aside-content .card-widget {
  background: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="light"] #post,
[data-theme="light"] #page,
[data-theme="light"] .recent-post-item,
[data-theme="light"] .layout > .recent-posts .recent-post-item {
  background: rgba(255, 255, 255, 0.8) !important;
}