/* Shared seasonal surfaces so all pages follow the same seasonal tone. */

header[class*="from-slate-900"][class*="via-[#020617]"],
header[class*="from-slate-900"][class*="to-[#020617]"] {
  background-color: transparent !important;
  background-image:
    radial-gradient(
      ellipse at top,
      rgba(var(--theme-accent-rgb, 56, 189, 248), 0.16) 0%,
      rgba(255, 255, 255, 0.03) 38%,
      rgba(0, 0, 0, 0.28) 100%
    ),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.18)) !important;
}

header [class*="from-[#020617]"][class*="to-[#020617]"] {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.24),
    rgba(var(--theme-accent-rgb, 56, 189, 248), 0.10) 45%,
    rgba(0, 0, 0, 0.26)
  ) !important;
}

section[class*="bg-[#020617]"],
section[class*="bg-black/30"],
section[class*="bg-black/50"],
section[class*="from-black/50"][class*="to-black"] {
  background-color: rgba(0, 0, 0, 0.22) !important;
  background-image: linear-gradient(
    to bottom,
    rgba(var(--theme-accent-rgb, 56, 189, 248), 0.12),
    rgba(0, 0, 0, 0.12) 35%,
    rgba(0, 0, 0, 0.22) 100%
  ) !important;
}

footer[class*="bg-black"] {
  background-color: rgba(0, 0, 0, 0.34) !important;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.38),
    rgba(var(--theme-accent-rgb, 56, 189, 248), 0.12)
  ) !important;
}