@import "tailwindcss";

@theme {
  --color-iris-purple: #6366f1;
  --color-iris-purple-dark: #4f46e5;
  --color-iris-blue: #3b82f6;
  --color-iris-green: #10b981;
  --color-iris-yellow: #f59e0b;
  --color-iris-red: #ef4444;
}

@source "../**/*.{js,ts,jsx,tsx,mdx}";

body {
  font-family: 'Inter', system-ui, sans-serif;
}

.gradient-rainbow {
  background: linear-gradient(90deg, #ef4444, #f59e0b, #eab308, #22c55e, #3b82f6, #8b5cf6);
}

.text-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}