theme.js

export const homeHeader = {
  bg: "#f18101",
  textColor: "#1E1E1E",
};

export const header = {
  bg: "white",
  textColor: "#1E1E1E",
  separatorColor: "#dbdbdb",
  height: '100vh'
};

export const footer = {
  bg: "#F0F0F0",
  textColor: "#1E1E1E",
  separatorColor: "#dbdbdb"
};

export const appDownloadSticky = {
  bg: "#F86263",
  color: "#fff"
};

export const colors = {
  primary: "#f18101",
  mutedText: "#9E9E9E",
  mutedText2: "#9299B3",
  mutedText3: "#d0d0d0",
  heavyText: "#1E1E1E",
  cardAltBg: "#EEEDF4",
  lightBg: "#F6F6F6",
  lightBg2: "#F0F0F0",
  lightBg3: "#E5E5E5",
  primaryButtonText: "#fff",
  secondaryButtonText: "#fff",
  text: "#1E1E1E",
  textSecondary: "#1B998B",
  text3: "#5F627D",
  border: "#EBE9F1",
  border2: "#e4e4e4",
  border3: "#dcdcdc",
  error: "#d24e4e",
  errorBg: "#ffebee",
  homeButtonBg: "#4654D1",

  CITY_ID: {
    primary: "#1B998B",
    mutedText: "#8DCCC5",
    buttonBg: "linear-gradient(94.94deg, #1B998B 0%, #59C1BE 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #167C71 0%, #4BA5A3 99.15%)"
  },
  DIPLOMA: {
    primary: "#E0367C",
    mutedText: "#EEC8DD",
    buttonBg: "linear-gradient(94.94deg, #403290 0%, #E0367C 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #2D2366 0.17%, #C02D6A 99.15%)"
  },
  COMPANY: {
    primary: "#1B4E8B",
    mutedText: "#85AAD7",
    buttonBg: "linear-gradient(94.94deg, #1B998B 0%, #1B4E8B 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #098476 0%, #153E70 99.15%)"
  },
  INSURANCE: {
    primary: "#96006A",
    mutedText: "#C99CBC",
    buttonBg: "linear-gradient(94.94deg, #96006A 0%, #B4812E 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #750955 0%, #805C1F 99.15%)"
  },
  PHARMACY: {
    primary: "#377AC2",
    mutedText: "#82ACD9",
    buttonBg: "linear-gradient(94.94deg, #377AC2 0%, #2893B5 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #295E98 0%, #1A6982 99.15%)"
  },
  TRANSPORT: {
    primary: "#B1992F",
    mutedText: "#D9CC8F",
    buttonBg: "linear-gradient(94.94deg, #B29A2E 0%, #553477 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #887623 0%, #36214C 99.15%)"
  },
  MUSEUM: {
    primary: "#1538A0",
    mutedText: "#7F95D4",
    buttonBg: "linear-gradient(94.94deg, #1538A0 0%, #553477 99.15%)",
    buttonHoverBg: "linear-gradient(94.94deg, #0F2B7C 0%, #3B2352 99.15%)"
  }
};

export const main = {
  bg: "#fff"
};

export const menuIcon = {
  bg: "#e3e3e4"
};

export const formControl = {
  border: "#e3e3e4",
  color: "#606061",
  placeholder: "#ccc"
};

export const gradient1 = "linear-gradient(to right, #f18101, #7958D8)";

export const gradient2 = "linear-gradient(241.48deg, #4654D1 1.81%, #5C51CB 97.48%)";
export const gradient3 = "linear-gradient(255.4deg, #2E3ECC 0%, #5B4DE8 99.58%)"; // hover

export const gradient4 = "linear-gradient(94.94deg, #1B998B 0%, #0A6EB6 99.15%)";
export const gradient4_inactive = "linear-gradient(274.31deg, #B4DAD6 0.08%, #AFCDE2 76.27%)";
export const gradient5 = "linear-gradient(94.94deg, #167E73 0%, #085993 99.15%)"; // hover

export const gradient6 = "linear-gradient(85.88deg, #f18101 2.07%, #7958D8 99.89%)";
export const gradient7 = "linear-gradient(272.05deg, #4654D1 0.08%, #5C51CB 100%)"

export const gradient8 = "linear-gradient(90deg, #7D73D5 0%, #9279DF 100%)";