import type { Config } from 'tailwindcss'

export default {
  content: [
    './components/**/*.{vue,js,ts}',
    './layouts/**/*.{vue,js,ts}',
    './pages/**/*.{vue,js,ts}',
    './app/**/*.{vue,js,ts}',
    './nuxt.config.{js,ts}'
  ],
  theme: {
    extend: {
      fontFamily: {
        heading: ['var(--font-heading)', 'Space Grotesk', 'sans-serif'],
        body: ['var(--font-body)', 'Manrope', 'sans-serif']
      },
      colors: {
        primary: '#7C3AED',
        secondary: '#2563EB',
        accent: '#0EA5E9',
        surface: '#0F172A',
        card: '#0B1020'
      },
      backgroundImage: {
        'hero-gradient': 'linear-gradient(135deg, #7C3AED 0%, #2563EB 50%, #0EA5E9 100%)',
        'card-gradient': 'linear-gradient(145deg, rgba(124,58,237,0.12), rgba(37,99,235,0.08))'
      },
      boxShadow: {
        glow: '0 10px 40px rgba(124, 58, 237, 0.35)'
      },
      keyframes: {
        'fade-up': {
          '0%': { opacity: '0', transform: 'translateY(20px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' }
        }
      },
      animation: {
        'fade-up': 'fade-up 0.9s ease forwards'
      }
    }
  },
  plugins: []
} satisfies Config