/* Shared background theme source of truth.
   Referenced by reunion-ui and expenses-ui through /theme/reunion-background.css */
body {
  background-color: #020409;
  background-image:
    radial-gradient(1600px 820px at 12% -22%, rgba(88, 132, 255, 0.38) 0%, rgba(88, 132, 255, 0.10) 34%, transparent 72%),
    radial-gradient(1320px 700px at 88% -18%, rgba(30, 214, 198, 0.28) 0%, rgba(30, 214, 198, 0.08) 36%, transparent 70%),
    radial-gradient(980px 560px at 50% 118%, rgba(136, 86, 246, 0.22) 0%, rgba(136, 86, 246, 0.06) 44%, transparent 78%),
    linear-gradient(128deg, transparent 38%, rgba(188, 214, 255, 0.09) 50%, transparent 62%),
    radial-gradient(circle at 14% 22%, rgba(245, 250, 255, 0.82) 0 0.75px, transparent 1px),
    radial-gradient(circle at 74% 18%, rgba(226, 239, 255, 0.72) 0 0.72px, transparent 1px),
    radial-gradient(circle at 84% 66%, rgba(215, 233, 255, 0.54) 0 0.78px, transparent 1.05px),
    radial-gradient(circle at 28% 78%, rgba(197, 224, 255, 0.48) 0 0.75px, transparent 1.02px),
    radial-gradient(circle at 57% 45%, rgba(228, 240, 255, 0.40) 0 0.70px, transparent 1px),
    radial-gradient(circle at 43% 16%, rgba(213, 233, 255, 0.35) 0 0.68px, transparent 1px),
    radial-gradient(180% 120% at 50% 40%, transparent 34%, rgba(4, 8, 18, 0.74) 74%, rgba(1, 2, 6, 0.94) 100%),
    linear-gradient(180deg, #0a1122 0%, #050913 46%, #020409 100%);
  background-size: auto, auto, auto, auto, 240px 240px, 320px 320px, 390px 390px, 470px 470px, 560px 560px, 640px 640px, 100% 100%, 100% 100%;
  background-position: center top, center top, center bottom, center center, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, center center, center top;
  background-attachment: fixed;
}