import type { Config } from 'tailwindcss';

export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: [
          'Inter',
          'ui-sans-serif',
          'system-ui',
          '-apple-system',
          'BlinkMacSystemFont',
          'Segoe UI',
          'sans-serif'
        ]
      },
      boxShadow: {
        glow: '0 0 48px rgba(34, 211, 238, 0.28)',
        panel: '0 24px 90px rgba(0, 0, 0, 0.55)'
      },
      animation: {
        'soft-pulse': 'soft-pulse 2.8s ease-in-out infinite',
        shimmer: 'shimmer 1.8s linear infinite'
      },
      keyframes: {
        'soft-pulse': {
          '0%, 100%': { transform: 'scale(1)', opacity: '0.82' },
          '50%': { transform: 'scale(1.03)', opacity: '1' }
        },
        shimmer: {
          '0%': { transform: 'translateX(-120%)' },
          '100%': { transform: 'translateX(120%)' }
        }
      }
    }
  },
  plugins: []
} satisfies Config;