/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Legacy elegance
        'deep-navy': '#0A192F',
        'brass': '#D4AF37', 
        'off-white': '#F8F8F8',
        'light-gray': '#CCD6F6',
        
        // Luxury palette
        'luxury-gold': '#C59D59',
        'cream': '#F5F2E9',
        'forest-green': '#0F4C3C',
        'deep-forest': '#072C21',
        'rich-brown': '#886D4C',
        
        // Sophistication accents
        'champagne': '#F7E7CE',
        'bronze': '#CD7F32',
        'pearl': '#F8F6F3',
        'charcoal': '#36454F',
        'platinum': '#E5E4E2'
      },
      fontFamily: {
        'playfair': ['Playfair Display', 'serif'],
        'montserrat': ['Montserrat', 'sans-serif'],
        // Legacy font names (keep for backward compatibility)
        'luxury-serif': ['Playfair Display', 'Cormorant Garamond', 'serif'],
        'elegant-sans': ['Montserrat', 'Lato', 'sans-serif']
      },
      backgroundImage: {
        'luxury-texture': "url('data:image/svg+xml,%3Csvg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg fill=\"%23C59D59\" fill-opacity=\"0.05\"%3E%3Ccircle cx=\"7\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"7\" cy=\"53\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"53\" r=\"7\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')",
        'pennyzo': "url('/src/assets/bg pennyzo.png')",
      },
      boxShadow: {
        'luxury': '0 25px 50px -12px rgba(197, 157, 89, 0.25)',
        'luxury-lg': '0 35px 60px -15px rgba(197, 157, 89, 0.35)',
        'luxury-xl': '0 40px 80px -20px rgba(197, 157, 89, 0.4)',
        'luxury-inner': 'inset 0 2px 4px 0 rgba(197, 157, 89, 0.1)'
      },
      backdropBlur: {
        '3xl': '64px',
        '4xl': '128px'
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'float': 'float 6s ease-in-out infinite',
        'gradient-shift': 'gradient-shift 8s ease-in-out infinite',
      },
      keyframes: {
        float: {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-20px)' }
        },
        'gradient-shift': {
          '0%, 100%': { 
            background: 'linear-gradient(45deg, #C59D59, #D4AF37, #CD7F32)' 
          },
          '50%': { 
            background: 'linear-gradient(45deg, #CD7F32, #C59D59, #D4AF37)' 
          }
        }
      }
    },
  },
  plugins: [],
}