export type ThemeColor = 'green' | 'blue' | 'purple' | 'pink' | 'red' | 'orange';

export const themeColors: Record<ThemeColor, {
  primary: string;
  light: string;
  dark: string;
  rgb: string;
  tailwind: {
    primary: string;
    light: string;
    dark: string;
  };
}> = {
  green: {
    primary: '#22c55e',
    light: '#4ade80',
    dark: '#16a34a',
    rgb: '34, 197, 94',
    tailwind: {
      primary: 'green-500',
      light: 'green-400',
      dark: 'green-600',
    },
  },
  blue: {
    primary: '#3b82f6',
    light: '#60a5fa',
    dark: '#1d4ed8',
    rgb: '59, 130, 246',
    tailwind: {
      primary: 'blue-500',
      light: 'blue-400',
      dark: 'blue-600',
    },
  },
  purple: {
    primary: '#a855f7',
    light: '#c084fc',
    dark: '#7e22ce',
    rgb: '168, 85, 247',
    tailwind: {
      primary: 'purple-500',
      light: 'purple-400',
      dark: 'purple-600',
    },
  },
  pink: {
    primary: '#ec4899',
    light: '#f472b6',
    dark: '#be185d',
    rgb: '236, 72, 153',
    tailwind: {
      primary: 'pink-500',
      light: 'pink-400',
      dark: 'pink-600',
    },
  },
  red: {
    primary: '#ef4444',
    light: '#f87171',
    dark: '#b91c1c',
    rgb: '239, 68, 68',
    tailwind: {
      primary: 'red-500',
      light: 'red-400',
      dark: 'red-600',
    },
  },
  orange: {
    primary: '#f97316',
    light: '#fb923c',
    dark: '#c2410c',
    rgb: '249, 115, 22',
    tailwind: {
      primary: 'orange-500',
      light: 'orange-400',
      dark: 'orange-600',
    },
  },
};

export const defaultTheme: ThemeColor = 'green';
