export const globalColors = {
  black: "#333",
  darkBlack: "#000",
  white: "#FFF",
  whiteSolitude: "#E4E7EB",
  grayLight: "#F8F9F9",
  grayMaxLight: "#eeeeee",
  grayLightMid: "#ECEEF1",
  graySilver: "#D8D8D8",
  grayMid: "#D0D5DA",
  gray: "#A3A9AE",
  grayMain: "#657077",

  shuttleGrey: "#63686A",
  veryLightGrey: "#CACACA",
  darkSilver: "#bbb",
  silver: "#CCCCCC",
  lightHover: "#F3F4F4",
  veryDarkGrey: "#3D3D3D",

  blueMain: "#2DA7DB",
  blueHover: "#3DB8EC",
  blueActive: "#1F97CA",
  blueDisabled: "#A6DCF2",
  blueCharcoal: "#1F2933",
  blueLightMid: "#265A8F",
  strongBlue: "#316AC5",

  blueDenim: "#5299E0",
  blueDenimTransparent: "rgba(82, 153, 224, 0.85)",
  blueMaya: "#4A8ACA",
  blueSky: "#96C1EC",

  lightGrayishBlue: "#DEE2E6",
  lightGrayishStrongBlue: "#DFE2E3",
  cyanBlueDarkShade: "#555F65",
  grayBackgroundTextDark: "#5C5C5C",

  orangeMain: "#ED7309",
  orangeHover: "#FF8932",
  orangePressed: "#C96C27",
  orangeDisabled: "#FFCCA6",
  lightMediumGoldenrod: "#EFEFB2",
  lightCumulus: "#F8F7BF",

  link: "#316DAA",
  errorColor: "#C96C27",

  warningColor: "#f1ca92",
  red: "#c30",
  darkRed: "#A60000",
  activeSuccess: "#E3F7BE",
  activeError: "#F7CDBE",
  activeInfo: "#F8F7BF",
  activeWarning: "#F7E6BE",

  hoverSuccess: "#E3F7BE",
  hoverError: "#F7CDBE",
  hoverInfo: "#F8F7BF",
  hoverWarning: "#F7E6BE",

  lightErrorStatus: "#F24724",
  darkErrorStatus: "#E06451",
};