:root{
  /* Depth on a near-black page reads as glow, not drop shadow. */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow-card:0 2px 14px rgba(0,0,0,.55);
  --shadow-panel:0 18px 48px rgba(0,0,0,.7);
  --shadow-modal:0 32px 80px rgba(0,0,0,.8);

  --glow-cyan:0 0 0 1px var(--wl-cyan-a32),0 0 24px rgba(0,232,255,.18);
  --glow-spring:0 0 0 1px var(--wl-spring-a28),0 0 24px rgba(0,255,179,.16);
  --glow-magenta:0 0 0 1px var(--wl-magenta-a30),0 0 28px rgba(255,0,204,.20);
  --glow-text-cyan:0 0 12px rgba(0,232,255,.55);
  --glow-inset-top:inset 0 1px 0 rgba(255,255,255,.05);

  --ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--wl-cyan);
  --blur-glass:blur(14px) saturate(1.2); /* @kind other */
}