const LIGHT = {
  BLUE_5: "#ecf4fc",
  BLUE_10: "#C8DEED",
  BLUE_30: "#7DB2D5",
  BLUE_50: "#3B79F6",
  BLUE_60: "#224b8f",
  BLUE_70: "#163d80",
  BLUE_90: "#0e3d5e",
  BLUE_100: "#0F2635",

  INK_5: "#FFFFFF", // component bg
  INK_10: "#F6F6F6", // body bg
  INK_20: "#f0f0f0", // tab, etc
  INK_30: "#e5e5e5", // border split
  INK_40: "#d7d7d7", // border
  INK_50: "#b0b0b0",
  INK_60: "#757c86",
  INK_70: "#606C80",
  INK_80: "#2F2F2F",
  INK_90: "#13171e",
  INK_100: "#000000",

  GREEN_10: "#CAEED0",
  GREEN_50: "#4FB75F",
  GREEN_90: "#348540",
  RED_10: "#FFD3D3",
  RED_50: "#E65147",
  RED_90: "#B23F37",
  YELLOW_5: "#FFF6DD",
  YELLOW_10: "#FCE6A9",
  YELLOW_50: "#EBBD3D",
  YELLOW_90: "#965D07",
  ORANGE_10: "#FF7E5D",
  ORANGE_50: "#FF552A",
  ORANGE_90: "#F63200",

  ELEVATION_01: `0px 1px 4px rgba(25, 62, 88, 0.2)`,
  ELEVATION_02: `0 0 6px rgba(0, 0, 0, 0.1)`,
  ELEVATION_03: `0 0 1px rgba(0, 0, 0, 0.16)`,
  ELEVATION_04: `0px 16px 24px rgba(25, 62, 88, 0.16)`,
  ELEVATION_05: `0px 24px 32px rgba(25, 62, 88, 0.12)`,
};

export default LIGHT;