:root {
  --gold: #a855f7;
  --gold-2: #c084fc;
  --gold-soft: rgba(192, 132, 252, 0.55);
  --glow: rgba(168, 85, 247, 0.18);
  --bunyanix-violet: #a855f7;
  --bunyanix-lilac: #c084fc;
  --bunyanix-glow: rgba(168, 85, 247, 0.18);
}

::selection {
  color: #fff;
  background: #7c3aed;
}

body::after {
  background: radial-gradient(ellipse at 50% -12%, rgba(126, 66, 190, 0.11), transparent 58%);
  pointer-events: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--bunyanix-lilac);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}