//Light
//const primary_light_color = "rgba(22,152,217,1)";
//import { cx } from "@/cva.config";
//rgba(26,26,26,1) rgba(22,152,217,1) rgba(255,255,255,1) rgba(0,0,0,1) rgba(22,152,217,1) rgba(45,106,229,1)
//Dark
export const primary_dark_color = "rgba(45,106,229,1)";
//rgba(45,106,229,1)

export const dark_font_style = "text-black dark:text-white";
export const dark_bg_desktop = "bg-[#d1d1d1] dark:bg-[rgba(0,0,0,1)]";
export const dark_bg_style = "!bg-white dark:!bg-[rgba(26,26,26,1)]";
//  const { isDark } = useTheme();
export const dark_bg_style_fun = (isDark: boolean) => isDark ? "!bg-[rgba(26,26,26,1)]" : "!bg-white";
export const dark_bg2_style = "!bg-white dark:!bg-[rgba(26,26,26,1)]";
// export const primary_color = "rgba(45,106,229,1)";
export const primary_color = "rgba(22,152,217,1)";

export const button_primary_color = "!bg-[rgba(22,152,217,1)] dark:!bg-[rgba(45,106,229,1))]";
export const button_primary2_color = "!bg-[rgba(22,152,217,0.1)] dark:!bg-[rgba(45,106,229,0.1))]";
export const text_primary_color = "!opacity-100 !text-[rgba(22,152,217,1)] dark:!text-[rgba(45,106,229,1))]";
export const dark_bd_style = " border-solid border-[rgba(229,229,229,1)] dark:border-[rgba(56,56,56,1)]";
export const dark_bd_primary_style = " border-solid border-[rgba(22,152,217,1)] dark:border-[rgba(45,106,229,1)]";
export const dark_line_style = "bg-[rgba(229,229,229,1)] dark:bg-[rgba(56,56,56,1)]";

export const text_color = "text-[rgba(51,51,51,1)] dark:text-white";
export const special_text_color = "text-[rgb(230, 23, 23)]";
export const selected_bt_bg = " !bg-[rgba(230,230,230,1)] dark:!bg-[rgba(51,51,51,1)] ";

