:root {
  --primary: #6a76b9 !important;
  --primary-color: #6a76b9 !important;
  --primary-hover: #5a66a9 !important;
  --primary-light: #e6e8f7;
  /* Very light tint (10% opacity) */
  --primary-extra-light: #f5f6fc;
  /* 5% opacity for backgrounds */
  --btn-primary: #6a76b9;
}

body.login-content {
  background-color: #f8f9fa !important;
}

/* For buttons */
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}

/* For login page logo */
.navbar-brand img {
  max-height: 200px !important;
  max-width: 200px !important;
  height: 40px !important;
}


.navbar {
  height: 70px;
}




/* Login card styling */
.page-card {
  /* border-top: 4px solid var(--primary-color) !important; */
  box-shadow: 0 0 20px rgba(106, 118, 185, 0.3) !important;
}

.centered.splash img {
  max-height: 300px !important;
  max-width: 300px !important;
}