:root {
  --brand-color: #01309e; /* Brand color */
  --brand-color-hover: #004d25; /* Darker green for hover */
  --highlight-color: #b2dfdb; /* Lighter green hover state for sidebar */
}

body {
  font-size: 14px;
  min-height: 100vh;
  overflow: auto; /* Prevent body from scrolling */
}

main {
  height: 100vh; /* Full viewport height */
  overflow-y: auto; /* Allow scrolling in main content */
  background-color: #ffffff; /* Keep main background white for readability */
}




.navbar, .navbar-brand, .header-title, .sidebar .nav-link, .btn-toolbar .btn-outline-secondary {
  color: #ffffff;
}

/* Navbar and Sidebar styles */


.navbar-brand {
  font-weight: bold;
  font-size: 1.2rem;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #ffffff; /* White text for sidebar links */
}

.sidebar .nav-link:hover {
  background-color: var(--highlight-color); /* Lighter green hover state */
}

/* Button styles */
.btn-toolbar .btn-outline-secondary {
  margin-right: 0.5rem;
  border-color: var(--brand-color);
}

.btn-toolbar .btn-outline-secondary.dropdown-toggle::after {
  margin-left: 0.5rem;
  color: var(--brand-color);
}

/* Header Title styles */
.header-title {
  font-size: 1.5rem;
  font-weight: 600;
}

/* Button primary styles */
.btn-primary {
  background-color: var(--brand-color);
  border-color: white;
}

.btn-primary:hover {
  background-color: var(--brand-color-hover); /* Darker green on hover */
  border-color: white;
}

.checkmark {
  transform: scale(1.5); /* Increase size by 1.5x */
}