export const MainColor = {
  black: "#202020",
  darkblue: "#001D3D",
  soft_darkblue: "#0e3763",
  yellow: "#E1B525",
  red: "#FF4B4C",
  orange: "#FF7043",
  green: "#4CAF4F",
  white_gray: "#D4D0D0",
  text_input: "#EDEBEBFF",
  placeholder: "#888",
  white: "#ffffff",
  // disabled color
  disabled: "#777",
};

export const AccentColor = {
  blackgray: "#aaa",
  darkblue: "#002E59",
  blue: "#00447D",
  softblue: "#007CBA",
  skyblue: "#00BFFF",
  yellow: "#F8A824",
  white: "#FEFFFE",
  // disable color
  disabledBorder: "#aaa",
};

export const AdminColor = {
  yellow: "#FFEB99",
  green: "#A7DCA5",
  orange: "#F7C69B",
  red: "#F4A8A8",
  bgAdmin: "#182c47",
  white: "#D6D9DCFF",
  dividerWhite: "#D6D9DC2E",
  softBlue: "#163C64FF",
};
//yellow: "#FFC300"
//yellow: "#FFD60A"
// white: "#FEFFFE"

// Warna Terang: #80a7c4
// Warna Sedang: #40738d
// Warna Asli: #002e59
// Warna Lebih Gelap: #001f3b
// Warna Tergelap: #001323


export const PlaceholderColor = {
  light: {
    text: "#000",
    placeholder: "#666",
    border: "#ccc",
    background: "#fff",
    error: "#d00",
    icon: "#555",
  },
  dark: {
    text: "#fff",
    placeholder: "#aaa",
    border: "#444",
    background: "#1a1a1a",
    error: "#ff4d4d",
    icon: "#ccc",
  },
};
