/* Spin Squad — base styles that sit alongside Tailwind's utility classes */

body {
  font-family: var(--font-display);
}

.gradient-text {
  background-image: linear-gradient(90deg, var(--color-squad-cyan), var(--color-squad-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.glow-border {
  box-shadow: 0 0 0 1px rgba(56, 232, 225, 0.25), 0 0 40px rgba(255, 62, 154, 0.15);
}

.noise-bg {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(56, 232, 225, 0.12), transparent 40%),
    radial-gradient(circle at 80% 0%, rgba(255, 62, 154, 0.14), transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(168, 255, 89, 0.08), transparent 40%);
}