/* dark.css - Dark Mode Styles */

body.dark-mode .login-container {
    background-color: #1a1a1a; /* Dark background for the container in dark mode */
}

body.dark-mode form {
    background-color: #333; /* Dark background for the form in dark mode */
    color: #ffffff; /* White text for content within the form in dark mode */
}

body.dark-mode .login-container h2,
body.dark-mode .login-container label,
body.dark-mode .login-container p,
body.dark-mode .login-container a {
    color: #ffffff; /* White text for better readability in dark mode */
}

body.dark-mode .login-container input[type="text"],
body.dark-mode .login-container input[type="password"] {
    background-color: #555; /* Darker background for inputs in dark mode */
    color: #ffffff; /* White text for inputs in dark mode */
    border: 1px solid #777; /* Border color for inputs in dark mode */
}

body.dark-mode .login-container input[type="submit"] {
    background-color: #5C7AEA; /* Keep the button blue for consistency in dark mode */
    color: #ffffff; /* Text color remains white in dark mode */
}

body.dark-mode .login-container a {
    color: #4da6ff; /* Light blue color for links in dark mode */
}

body.dark-mode .login-container .error {
    color: #ff6b6b; /* Lighter red for error messages in dark mode */
}