// import { useSettingsStore } from "../store/useSettingsStore";

export type ColorScheme = typeof lightColors;

export const useThemeColors = (): ColorScheme => {
  // const isDarkMode = useSettingsStore((s) => s.isDarkMode);
  // return isDarkMode ? darkColors : lightColors;
  return lightColors;
};

export const lightColors = {
  background: "#F7F7F7",
  text: "#171717",
  card: "#FFFFFF",
  border: "#E5E5E5",
  primary: "#1997FC",
  secondary: "#737373", //"#4B5563",
  toastBackground: "#171717",
  toastText: "#FFFFFF",
  toastSuccess: "#12BA03",
  toastError: "#EF4444",
  skeletonBase: "#ebebeb",
  skeletonHighlight: "#f5f5f5",
  button: "#171717",
  buttonText: "#F7F7F7",
  iconBorder: "#D4D4D4",
  navBorder: "#D4D4D4",
  switchBackground: "#E5E5E5",
  switchThumb: "#FFFFFF",
};

export const darkColors = {
  background: "#121212",
  text: "#F3F3F3",
  card: "#1F1F1F",
  border: "#323232", //"#2A2A2A",
  primary: "#1997FC",
  secondary: "#9CA3AF",
  toastBackground: "#F3F3F3",
  toastText: "#121212",
  toastSuccess: "#22C55E",
  toastError: "#EF4444",
  skeletonBase: "#374151",
  skeletonHighlight: "#4B5563",
  button: "#F7F7F7",
  buttonText: "#171717",
  iconBorder: "#FAFAFA",
  navBorder: "#323232",
  switchBackground: "#E5E5E5",
  switchThumb: "#1F1F1F",
};