export const textColor =
  "text-dark-900 dark:text-dark-100 placeholder-dark-900 dark:placeholder-dark-100";

export const textColorOnPrimary = "text-white dark:text-dark-100";

export const bgPrimaryColor =
  "bg-primary-600  hover:bg-primary-500 dark:bg-primary-700 dark:hover:bg-primary-800";

export const bgInputPrimaryColor = "   dark:bg-dark-500";

export const textInputColor = "text-primary-100 dark:text-dark-900";

export const panelBgAndTextColors =
  "dark:text-primary-100 text-dark-900 bg-white dark:bg-dark-800";

export const mobileBorders =
  "px-4 py-4 shadow-sm text-gray-500 placeholder:text-dark-400 dark:placeholder:text-dark-100 rounded-xl border border-gray-300 shadow-md focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all duration-200 ease-in-out";
