// Theme types
export type ThemeMode = 'dark' | 'light';

export interface ThemeColors {
  bg: string;
  bgCard: string;
  bgHover: string;
  bgElevated: string;
  border: string;
  borderLight: string;
  text: string;
  text2: string;
  text3: string;
  accent: string;
  accentDark: string;
  accentLight: string;
  green: string;
  orange: string;
  gradientAccent: string;
}

export const darkTheme: ThemeColors = {
  bg: '#0a0a12',
  bgCard: '#12121f',
  bgHover: '#1a1a2e',
  bgElevated: '#1e1e30',
  border: '#2a2a40',
  borderLight: '#4a4a60',
  text: '#fff',
  text2: '#c0c0d0',
  text3: '#9a9aaa',
  accent: '#e20074',
  accentDark: '#be0060',
  accentLight: '#f04090',
  green: '#00d4aa',
  orange: '#ff8800',
  gradientAccent: 'linear-gradient(135deg, #e20074, #be0060)',
};

export const lightTheme: ThemeColors = {
  bg: '#ffffff',
  bgCard: '#ffffff',
  bgHover: '#f8f8fc',
  bgElevated: '#fafafa',
  border: '#e8e8f0',
  borderLight: '#d0d0d8',
  text: '#1a1a2e',
  text2: '#4a4a5a',
  text3: '#7a7a8a',
  accent: '#e20074',
  accentDark: '#be0060',
  accentLight: '#f04090',
  green: '#00b89c',
  orange: '#ff7700',
  gradientAccent: 'linear-gradient(135deg, #e20074, #be0060)',
};