/** @type {import('tailwindcss').Config} */
module.exports = {
  // 1. CRITICAL: Enables class-based dark mode toggling instead of system media defaults
  darkMode: 'class', 
  
  // 2. Structured compilation content paths to watch all directories safely
  content: [
    "./*.php",
    "./admin/**/*.php",
    "./public/**/*.php",
    "./dashboard/**/*.php",
    "./includes/**/*.php",
    "./assets/**/*.{js,css}"
  ],
  theme: {
    extend: {
      colors: {
        // Your custom premium dark scale primitives
        dark: {
          900: '#0B0F19',
          800: '#111827',
          700: '#1F2937',
        },
        glass: {
          dark: 'rgba(17, 24, 39, 0.75)',
          border: 'rgba(255, 255, 255, 0.12)',
        },
        // We avoid over-writing emerald/rose/amber objects entirely here so 
        // default shades like emerald-50, emerald-100, and emerald-600 remain functional.
      },
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
      }
    },
  },
  plugins: [],
}