/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Summer sunset palette
        'sunset-orange': '#FF7B54', // Warm orange
        'sunset-pink': '#FFB26B',   // Soft pink/peach
        'sunset-yellow': '#FFD56F', // Golden yellow
        'sunset-purple': '#939B62', // Dusky purple/green
        'evening-blue': '#1A5F7A',  // Deep evening blue
        'night-blue': '#002B5B',    // Night sky blue
        'warm-white': '#FFF8EA',    // Warm white
        'sand': '#E1D7C6',          // Sandy beige
      },
      fontFamily: {
        sans: ['var(--font-inter)', 'sans-serif'],
        display: ['var(--font-montserrat)', 'sans-serif'],
      },
      backgroundImage: {
        'gradient-sunset': 'linear-gradient(to right, var(--tw-colors-sunset-orange), var(--tw-colors-sunset-pink))',
        'gradient-evening': 'linear-gradient(to right, var(--tw-colors-evening-blue), var(--tw-colors-night-blue))',
      },
    },
  },
  plugins: [],
}