:root {
  --color-gray: #A6A5A5;
  --color-violet: #A3326D;
  --color-purple: #62457F;
}

.text-gray {
  color: var(--color-gray) !important;
}

.text-violet {
  color: var(--color-violet) !important;
}

.text-purple {
  color: var(--color-purple) !important;
}

.bg-purple {
  background: var(--color-purple) !important;
}

.bg-login {
  background: url("/assets/image/bg_logo.png") !important;
  background-size: 100% 100% !important;
}

.max-h-50vh {
  max-height: 50vh;
}

.max-w-50vh {
  max-width: 50vh;
}

.w-54vh {
  width: 54vh;
}

.h-100vh {
  height: 100vh;
}

.w-100vh {
  width: 100vh;
}