/* ARTEMIS — scope sweep background, pre-auth pages.
 * Sits behind .shell card with overall low opacity so forms stay readable. */

/* Make body transparent so canvas (fixed, behind shell) is visible.
 * Move the body bg color to the canvas trail-fade JS so it's the canvas
 * itself that fills the dark base color. */
html, body { background: transparent !important; }

canvas#scope-bg {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: 0;
  pointer-events: none;
}

/* Card gets a real stacking context above the canvas */
.card { position: relative; z-index: 2; }

/* Vignette focuses the eye toward the centered card. Theme-aware: darker
 * vignette on dark theme, lighter wash on light theme so the card "lifts". */
body::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, transparent 0%, transparent 35%, rgba(15,15,26,0.55) 100%);
}
:root[data-theme="light"] body::after {
  background:
    radial-gradient(ellipse at center, transparent 0%, transparent 40%, rgba(248,250,252,0.55) 100%);
}