// ─────────────────────────────────────────────────────────────────────────────
// Component: Spectral patterns
// File:      src/scss/patterns/_spectral.scss
//
// Variants:  .spectral-text .spectral-glow .spectral-shimmer
// Tokens:    --gradient-spectral, --glow-spectral
// Usage:     <h1 class="spectral-text">MuseHub</h1>
//
// Notes:     Use .spectral-text sparingly — hero handles, featured repo names.
//            Not every heading. Maximum impact requires restraint.
// ─────────────────────────────────────────────────────────────────────────────

.spectral-text {
  background: var(--gradient-spectral);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.spectral-glow {
  box-shadow: var(--glow-spectral);
}

.spectral-glow--accent {
  box-shadow: var(--glow-accent);
}

.spectral-glow--agent {
  box-shadow: var(--glow-agent);
}

@keyframes spectral-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

.spectral-shimmer {
  background: linear-gradient(
    90deg,
    var(--text-muted) 0%,
    var(--text-primary) 50%,
    var(--text-muted) 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: spectral-shimmer 2s linear infinite;
}