import LIGHT from "./light";

const DARK: typeof LIGHT = {
  BLUE_5: "#F0F6FA",
  BLUE_10: "#C8DEED",
  BLUE_30: "#7DB2D5",
  BLUE_50: "#5e8ff5",
  BLUE_60: "#405580",
  BLUE_70: "#2c77f8",
  BLUE_90: "#193E58",
  BLUE_100: "#0F2635",

  INK_5: "#ffffff",
  INK_10: "#eeeeee",
  INK_20: "#cecece",
  INK_30: "#AAAAAA",
  INK_40: "#999999",
  INK_50: "#666666",
  INK_60: "#444444",
  INK_70: "#333333", // 보더
  INK_80: "#242424", // 바디
  INK_90: "#1A1A1A",
  INK_100: "#141414",

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

  ELEVATION_01: `0px 0px 1px rgba(135, 135, 135, 0.8)`,
  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 DARK;