/* Page: /solutions/loop-subscription-shopify-agency
   Loop violet instead of the Recharge / site blue. */

.loop-page {
  --rcg-accent: #8d43fe;
  --rcg-accent-hover: #7a32ef;
  --rcg-accent-soft: #f3ebff;
  --color-primary: #8d43fe;
  --color-primary-hover: #7a32ef;
  --color-primary-soft: #f3ebff;
  --color-focus: #8d43fe;
}

.loop-page .rcg-hero {
  background:
    radial-gradient(ellipse 55% 50% at 88% 18%, rgb(141 67 254 / 0.34), transparent 58%),
    radial-gradient(ellipse 40% 45% at 8% 78%, rgb(141 67 254 / 0.16), transparent 55%),
    var(--rcg-ink);
}

.loop-page .rcg-close {
  background:
    radial-gradient(ellipse 45% 55% at 85% 0%, rgb(141 67 254 / 0.28), transparent 55%),
    var(--rcg-ink);
}