/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: '#6A5ACD',       // SlateBlue - main color based on the image background
        secondary: '#FF6B6B',     // Vibrant red
        accent: '#4ECDC4',        // Turquoise
        success: '#2ECC71',       // Emerald green
        warning: '#FFD700',       // Gold
        info: '#3498DB',          // Blue
        dark: '#2C3E50',          // Dark blue
        light: '#ECF0F1',         // Light gray
      },
    },
  },
  plugins: [],
}