:root {
  --primary-color: #4a5a6a;
  --secondary-color: #b3937a;
  --accent-color: #e67e5b;
  --background-color: #ffffff;
  --text-color: #000000;
  --card-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  --hover-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
body {
  background-color: var(--secondary-color);
}

.card {
  background-color: var(--secondary-color);
  box-shadow: 3px 3px 3px 3px var(--text-color) !important;
  border-radius: 10px;
}
.login {
  background: linear-gradient(
    200deg,
    var(--text-color),
    var(--secondary-color)
  );
}
.login:hover {
  transform: rotateY(50deg);
  transition: 0.8s;
}