/*.navbar-light .navbar-nav .nav-link {*/
/*    color: black;*/
/*}*/

/*.nav-item .btn {*/
/*    margin-left: auto;*/
/*}*/

/* General body and text styles for dark mode */
html.dark body {
    background-color: #121212; /* Dark background */
    color: #e0e0e0; /* Light text */
}

html.dark a {
    color: #bb86fc; /* Light purple link color */
}

/* Navbar styles for dark mode */
html.dark .navbar {
    background-color: #333333; /* Darker navbar background */
}

html.dark .navbar-nav .nav-link {
    color: #ffffff; /* White text in navbar */
}

/* Footer styles for dark mode */
html.dark .footer {
    background-color: #333333; /* Dark footer */
    color: #e0e0e0; /* Light text */
}

/* Change button appearance for dark mode */
html.dark .btn {
    background-color: #424242;
    color: #ffffff;
    border-color: #424242;
}

html.dark .btn:hover {
    background-color: #616161;
    border-color: #616161;
}

/* Light mode defaults */
html.light body {
    background-color: #ffffff; /* Light background */
    color: #000000; /* Dark text */
}

html.light a {
    color: #0d6efd; /* Default link color */
}

/* Navbar styles for light mode */
html.light .navbar {
    background-color: #f8f9fa;
}

html.light .navbar-nav .nav-link {
    color: #000000;
}

/* Footer styles for light mode */
html.light .footer {
    background-color: #f8f9fa;
    color: #6c757d;
}

/* Button appearance for light mode */
html.light .btn {
    background-color: #ffffff;
    color: #000000;
    border-color: #ced4da;
}

html.light .btn:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
}