body {
    background-color: #121212;  /* Darker background for all pages */
    color: #e0e0e0;  /* Light gray text for readability */
}

h1, h2 {
    color: #ffffff; /* White text for headings */
}

.navbar, footer {
    background-color: #1e1e1e; /* Dark navbar and footer */
}

.list-group-item {
    background-color: #333333; /* Dark list item background */
    border-color: #444444; /* Border to separate items */
    color: #e0e0e0;  /* Light text */
}

.table-dark th, .table-dark td {
    background-color: #2b2b2b; /* Dark table rows */
    color: #e0e0e0;  /* Light text */
}

.container {
    margin-top: 20px;
}

input[type="text"] {
    background-color: #333333; /* Dark input background */
    color: #e0e0e0; /* Light text */
    border: 1px solid #444444; /* Dark border */
}

/* Custom Logout Button Styling */
.navbar .btn-logout {
    border: 1px solid red; /* Red border */
    color: white;          /* White text color */
    padding: 5px 15px;     /* Padding for the button */
    border-radius: 5px;    /* Rounded corners */
    transition: all 0.3s ease; /* Smooth transition */
}

.navbar .btn-logout:hover {
    background-color: red; /* Red background on hover */
    color: white;          /* White text color on hover */
    border-color: darkred; /* Darker red border on hover */
}