/* Opt-in text effect; typography and layout stay with the consuming page. */
.aurora-link {
  --aurora-link-white: #f8fafc;
  --aurora-link-violet: #c4b5fd;
  --aurora-link-cyan: #67e8f9;
}

html[data-theme="light"] .aurora-link {
  --aurora-link-white: var(--text-primary, #0f172a);
  --aurora-link-violet: #6d28d9;
  --aurora-link-cyan: #0e7490;
}

@supports (background-clip: text) or (-webkit-background-clip: text) {
  .aurora-link {
    background-image: linear-gradient(110deg, var(--aurora-link-white), var(--aurora-link-violet) 40%, var(--aurora-link-cyan) 70%, var(--aurora-link-white));
    background-size: 200% 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: aurora-link-ink 8s ease-in-out infinite;
  }
}

@keyframes aurora-link-ink {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .aurora-link { animation: none; background-position: 50% 50%; }
}

@media (forced-colors: active) {
  .aurora-link {
    animation: none;
    background-image: none;
    color: inherit;
    -webkit-text-fill-color: currentColor;
  }
}