/* styles/theme.css */
:root{
  --hero-gradient: radial-gradient(800px 400px at 80% 20%, rgba(138,128,255,.18), transparent 60%),
                   radial-gradient(600px 600px at 10% -20%, rgba(106,216,255,.12), transparent 60%);
}
.hero{background:var(--hero-gradient)}
.badge.pop{background:rgba(106,216,255,.18); border-color:rgba(106,216,255,.35)}