/* Dark mode global styles */
body {
    background-color: #121212;
    color: #e0e0e0;
}

/* Navbar dark mode styles */
/* Navbar dark mode styles */
body .navbar {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
}

body .navbar-dark .navbar-nav .nav-link,
body .navbar-dark .navbar-brand {
    color: #e0e0e0 !important;
}

body .navbar-dark .navbar-nav .nav-link:hover,
body .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff !important; /* Makes the link brighter on hover or focus */
}

body .dropdown-menu {
    background-color: #1f1f1f;
    color: #e0e0e0;
}

body .dropdown-item {
    color: #e0e0e0;
}

body .dropdown-item:hover {
    background-color: #333;
    color: #fff;
}



/* Dropdown menu styles */
.dropdown-menu {
    background-color: #1f1f1f;
    color: #e0e0e0;
}

.dropdown-item {
    color: #e0e0e0;
}

.dropdown-item:hover {
    background-color: #333;
    color: #fff;
}

/* Main content area */
main {
    background-color: #121212;
    color: #e0e0e0;
}

/* Form fields and containers for dark mode */
.form-control {
    background-color: #333;
    color: #fff;
}

.list-group-item {
    background-color: #333;
    color: #fff;
}

.list-group-item .btn {
    background-color: #444;
    color: #fff;
}

.list-group-item .btn-danger {
    background-color: #ff4d4d;
}

/* Spacing between players */
.list-group-item {
    background-color: #333;
    color: #fff;
    margin-bottom: 10px; /* Adds space between each player */
    padding: 15px; /* Optional: Adjust padding to give a more spacious feel inside each item */
}

/* Other existing styles */

.list-group-item .btn {
    background-color: #444;
    color: #fff;
}

.list-group-item .btn-danger {
    background-color: #ff4d4d;
}