/* Custom Login Page Styles for inKLU Media Hub */
body.login {
    background: #111827; /* Dark Gray/Black */
}

#login h1 a, .login h1 a {
    background-image: url('../assets/images/logo-login.webp');
    background-size: contain;
    width: 200px;
    height: 100px;
}

.login #loginform {
    background: #1f2937; /* Lighter Gray */
    border: 1px solid #374151;
    border-radius: 8px;
}

.login #loginform label {
    color: #d1d5db; /* Light Gray Text */
}

.login #loginform input[type="text"],
.login #loginform input[type="password"] {
    background: #374151;
    border-color: #4b5563;
    color: #ffffff;
    border-radius: 4px;
}

.login #loginform input[type="submit"] {
    background: #ef4444; /* Red */
    border-color: #dc2626;
    border-radius: 4px;
    text-shadow: none;
    box-shadow: none;
    transition: background-color 0.2s ease-in-out;
}

.login #loginform input[type="submit"]:hover {
    background: #dc2626; /* Darker Red */
}

.login #nav a,
.login #backtoblog a {
    color: #9ca3af; /* Medium Gray */
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #ef4444; /* Red */
}