import { useColorScheme } from 'react-native';

export const lightColors = {
  background: '#FFFFFF',
  text: '#1C1C1C',
  textSecondary: '#666666',
  primary: '#05824C',
  border: '#E8E8E8',
  placeholder: '#9E9E9E',
  white: '#FFFFFF',
  black: '#000000',
  error: '#D32F2F',
  transparent: 'transparent',
  inputBg: '#FAFAFA',
  cardBg: '#FFFFFF',
};

export const darkColors = {
  background: '#121212',
  text: '#FFFFFF',
  textSecondary: '#A0A0A0',
  primary: '#05824C',
  border: '#2C2C2C',
  placeholder: '#707070',
  white: '#FFFFFF',
  black: '#000000',
  error: '#CF6679',
  transparent: 'transparent',
  inputBg: '#1E1E1E',
  cardBg: '#1E1E1E',
};

export const colors = lightColors;

export function useAppTheme() {
  const isDarkMode = useColorScheme() === 'dark';
  const themeColors = isDarkMode ? darkColors : lightColors;
  return {
    colors: themeColors,
    isDarkMode,
  };
}

export const typography = {
  fontSize: {
    xs: 12,
    sm: 14,
    md: 16,
    lg: 18,
    xl: 20,
    xxl: 28,
  },
  fontWeight: {
    regular: '400' as const,
    medium: '500' as const,
    semibold: '600' as const,
    bold: '700' as const,
  },
};