/** @type {import('tailwindcss').Config} */
const isProduction = process.env.NODE_ENV === 'production';

module.exports = {
  content: [
    "./views/**/*.ejs",
    "./public/**/*.js",
    "./public/**/*.html",
  ],
  theme: {
    extend: {
      colors: {
        accent: '#F5F5DC', // Cream - primary accent
        muted: '#90EE90', // Light mint green - secondary/muted text
        primary: {
          50: '#e6fff2',
          100: '#b3ffe0',
          200: '#80ffcd',
          300: '#4dffbb',
          400: '#39ff14',
          500: '#00ff6b',
          600: '#00cc56',
          700: '#009940',
          800: '#00662b',
          900: '#003315',
        },
        dark: {
          50: '#252545',
          100: '#1a1a2e',
          200: '#0f0f1a',
          300: '#0d0d15',
          400: '#0a0a10',
        },
      },
      backgroundImage: {
        'gradient-dark': 'linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #252545 100%)',
        'gradient-primary': 'linear-gradient(45deg, #39ff14, #00ff6b)',
      },
      fontFamily: {
        'skyquake': ['skyquakesymbols', 'Inter', 'sans-serif'],
      },
      animation: {
        'gradient-shift': 'gradientShift 3s ease-in-out infinite',
        'scroll-right': 'scrollRight 60s linear infinite',
        'spin-slow': 'spin 8s linear infinite',
      },
      keyframes: {
        gradientShift: {
          '0%, 100%': { backgroundPosition: '0% 50%' },
          '50%': { backgroundPosition: '100% 50%' },
        },
        scrollRight: {
          '0%': { transform: 'translateX(0)' },
          '100%': { transform: 'translateX(-50%)' },
        },
      },
      backdropBlur: {
        xs: '2px',
      },
    },
  },
  plugins: [],
}