const backgroundLight = "#F5F5F5";
const backgroundDark = "#292E2C";

const backgroundSecondaryLight = "#FFFFFF";
const backgroundSecondaryDark = "#303534";

const headerLight = "#FFFFFF";
const headerDark = "#292E2C";

const borderLight = "#E4E4E4";
const borderDark = "#303534";

const borderSecondaryLight = "#E4E4E4";
const borderSecondaryDark = "#3D4442";

const textPrimaryLight = "#0E0E0E";
const textPrimaryDark = "#F7FBFA";

const textSecondaryLight = "#909090";
const textSecondaryDark = "#84928E";

const iconsPrimaryLight = "#0E0E0E";
const iconsPrimaryDark = "#F7FBFA";

const popoverLight = "#FFFFFF";
const popoverDark = "#292E2C";

const realisedOrderLight = "#E0F4F0";
const realisedOrderDark = "#00563E";

const unrealisedOrderLight = "#FBE3E7";
const unrealisedOrderDark = "#781737";

export const lightColors = {
  background: backgroundLight,
  backgroundSecondary: backgroundSecondaryLight,
  header: headerLight,
  border: borderLight,
  borderSecondary: borderSecondaryLight,
  textPrimary: textPrimaryLight,
  textSecondary: textSecondaryLight,
  iconsPrimary: iconsPrimaryLight,
  popover: popoverLight,
  realisedOrder: realisedOrderLight,
  unrealisedOrder: unrealisedOrderLight,
};

// Dark theme colors
export const darkColors = {
  background: backgroundDark,
  backgroundSecondary: backgroundSecondaryDark,
  header: headerDark,
  border: borderDark,
  borderSecondary: borderSecondaryDark,
  textPrimary: textPrimaryDark,
  textSecondary: textSecondaryDark,
  iconsPrimary: iconsPrimaryDark,
  popover: popoverDark,
  realisedOrder: realisedOrderDark,
  unrealisedOrder: unrealisedOrderDark,
};