:root{
  --kismet-theme-base:#7a5cff;
  --kismet-theme-secondary:#00d4ff;
  --kismet-theme-halo:#ffd166;
}
.kismet-themed .button,.kismet-themed .ux-button{
  background: linear-gradient(135deg, var(--kismet-theme-base), var(--kismet-theme-secondary));
  color:#fff;
}
.kismet-themed .button:hover{
  box-shadow:
    0 0 8px color-mix(in srgb, var(--kismet-theme-base) 70%, transparent),
    0 0 20px color-mix(in srgb, var(--kismet-theme-secondary) 60%, transparent),
    0 0 40px color-mix(in srgb, var(--kismet-theme-halo) 50%, transparent);
}
.kismet-themed-halo::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(600px 260px at 50% 40%, color-mix(in oklab, var(--kismet-theme-halo) 30%, transparent), transparent);
  mix-blend-mode: screen;
}