/* VPS Ryzen page overrides */

[data-theme="light"] .page-vps--ryzen {
  --range-accent-border: rgba(169, 0, 255, 0.48);
}

.page-vps--ryzen {
  --range-accent: #a900ff;
  --range-accent-soft: rgba(169, 0, 255, 0.12);
  --range-accent-glow: rgba(169, 0, 255, 0.2);
  --range-accent-border: rgba(169, 0, 255, 0.38);
  --vps-accent: #a900ff;
  --vps-accent-soft: rgba(169, 0, 255, 0.12);
  --range-btn-text: #fff;
}

.page-vps--ryzen .vps-term__btn.is-active {
  background: #a900ff;
  color: #fff;
}

.page-vps--ryzen .vps-plan__ram-type,
.page-vps--ryzen .vps-plan__cpu {
  color: var(--range-accent);
}

.page-vps--ryzen .vps-plan__badge {
  background: #a900ff;
  color: #fff;
}

/* Ryzen page — hero & accent overrides */

.page-vps--ryzen .vps-hero {
  background:
    radial-gradient(ellipse 80% 60% at 85% 40%, rgba(192, 38, 255, 0.35) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 10% 80%, rgba(88, 0, 120, 0.45) 0%, transparent 50%),
    linear-gradient(145deg, #1a0029 0%, #5a0080 45%, #7a00a8 70%, #a900ff 100%);
}

.page-vps--ryzen .vps-hero__window,
.page-vps--ryzen .vps-hero__window-bar,
.page-vps--ryzen .vps-hero__window-foot {
  background: #3d0066;
  border-color: rgba(220, 120, 255, 0.18);
}

.page-vps--ryzen .vps-hero__window-title,
.page-vps--ryzen .vps-hero__window-foot {
  color: #f3d9ff;
}

.page-vps--ryzen .vps-hero__pc-line--info {
  color: #e879f9;
}

.page-vps--ryzen .vps-hero__pc-line--accent,
.page-vps--ryzen .vps-hero__pc-cursor {
  color: #f5d0fe;
}

.page-vps--ryzen .vps-hero__cta--primary {
  color: #a900ff;
}

.page-vps--ryzen .vps-hero__cta--primary:hover {
  background: #fdf4ff;
}

[data-theme="dark"] .page-vps--ryzen {
  --vps-accent: #a900ff;
  --vps-accent-soft: rgba(169, 0, 255, 0.16);
  --range-accent-soft: rgba(169, 0, 255, 0.16);
  --range-accent-glow: rgba(169, 0, 255, 0.24);
  --range-accent-border: rgba(169, 0, 255, 0.42);
}