/** @type {import('tailwindcss').Config} */
export default {
  // Configure files to scan for Tailwind classes
  content: [
    "./index.html",
    "./*.{js,ts,jsx,tsx}", // Scans for files in the root directory like index.tsx
    "./components/**/*.{js,ts,jsx,tsx}", // Scans all component files
  ],
  // Enable dark mode using a class
  darkMode: 'class',
  theme: {
    extend: {
      // Move the brand colors from index.html to here
      colors: {
        'brand-primary': '#10B981',
        'brand-secondary': '#059669',
        'brand-dark': '#047857',
        'brand-light': '#ecfdf5',
      }
    },
  },
  plugins: [],
}