/* Login page specific styles */
.loginForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px; /* Reduced spacing (was 15px) */
}

.input-container {
  margin-bottom: 10px; /* Add consistent spacing between input fields */
}

.errorMessage {
  color: #e53935;
  margin-top: 10px;
  margin-bottom: 10px; /* Add space after error message */
  font-size: 0.875rem;
}

.register-button-container {
  margin-top: 5px; /* Reduced spacing (was 10px) */
}

.auth-button {
  padding: 10px;
  border: none;
  border-radius: 4px;
  background-color: #68543c; /* Changed back to dark brown */
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.auth-button:hover {
  background-color: #53402d; /* Darker brown on hover */
}

.auth-button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

/* You can also add other component-specific styles here */