.navbar {
    background-color: #ffffff; /* Light background for a cleaner look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

.navbar-brand {
    color: #333333; /* Dark color for contrast */
}

.navbar-brand:hover {
    color: #007bff; /* Bootstrap primary color on hover */
}

.nav-link {
    color: var(--text-titles);
    margin: 20px;
}

.nav-link:hover {
    /* Bootstrap primary color on hover */
}

#sidebarMenu {
    background-color: #f8f9fa; /* Lighter gray background */
}

.nav-link {
    color: #333; /* Slightly darker than the background for contrast */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

.nav-item:hover .nav-link {
    color: #007bff; /* Highlight links with Bootstrap primary color on hover */
}

.sidebar-sticky {
    padding-top: 20px; /* More space on top */
    padding-bottom: 20px; /* More space at the bottom */
}

.form-control {
    border: 1px solid #ced4da;
    border-radius: 0.25rem; /* Rounded borders */
}

.btn {
    border-radius: 0.25rem; /* Consistent rounded borders for buttons */
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    color: #ffffff;
}

.table {
    border-collapse: collapse; /* Ensures borders are clean and connected */
    background-color: #ffffff; /* Clean white background */
}

.table thead th {
    background-color: #f8f9fa; /* Light gray for headers */
    color: #333333; /* Dark text for contrast */
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1; /* Very light gray for hover */
}