/* Shared, continuous gold/blue lighting. No texture, animation or new images. */
body { isolation: isolate; }

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 4% 8%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 52%),
    radial-gradient(ellipse at 100% 32%, color-mix(in srgb, var(--color-market) 11%, transparent), transparent 55%),
    radial-gradient(ellipse at 12% 100%, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 48%);
}

/* Retained news HTML can still contain the old 620px atmosphere. */
.news-atmo { display: none !important; }

/* The homepage shares the page atmosphere instead of ending on an opaque fade. */
.hero-banner .hero-grain,
.hero-banner .hero-fade { display: none !important; }

.hero-banner .hero-bg-layer {
  mask-image: linear-gradient(to bottom, #000 45%, transparent 100%);
}

.hero-banner ~ .container { padding-block-start: var(--space-xl); }

[data-theme='light'] body::before { opacity: 0.6; }

@media (max-width: 768px) {
  body::before { opacity: 0.65; }
  [data-theme='light'] body::before { opacity: 0.4; }
}

@media (forced-colors: active), print {
  body::before { content: none; }
}