// tailwind.config.js

console.log('--- [EXECUTION PROOF] tailwind.config.js is being loaded. ---');

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        brand: {
          // Primary: Main brand color - teal for freshness, grocery theme
          primary: '#0d9488', // teal-600
          // Secondary: Supporting actions and buttons
          secondary: '#14b8a6', // teal-500
          // Light: Backgrounds and highlights in light mode
          light: '#ccfbf1', // teal-100
          // Dark: Hover states and backgrounds in dark mode
          dark: '#115e59', // teal-800
          // Additional variants for flexibility
          'primary-light': '#99f6e4', // teal-200
          'primary-dark': '#134e4a', // teal-900
        },
      },
    },
  },
};