import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // Category colors for 23 unit types
        category: {
          angle: '#0EA5E9',
          'apparent-power': '#8B5CF6',
          area: '#F59E0B',
          current: '#F59E0B',
          digital: '#06B6D4',
          each: '#64748B',
          energy: '#EAB308',
          frequency: '#A855F7',
          illuminance: '#84CC16',
          length: '#3B82F6',
          mass: '#10B981',
          pace: '#14B8A6',
          'parts-per': '#EC4899',
          power: '#F43F5E',
          pressure: '#6366F1',
          'reactive-energy': '#D946EF',
          'reactive-power': '#E879F9',
          speed: '#10B981',
          temperature: '#EF4444',
          time: '#7C3AED',
          voltage: '#FB923C',
          volume: '#8B5CF6',
          'volume-flow-rate': '#22D3EE',
        },
      },
    },
  },
  plugins: [],
};

export default config;