/* Set the body and main container background colors */
.bg-gray-100 {
    background-color: #081e29 !important; /* Dark blue/black */
}

/* Change the form container background */
.bg-white {
    background-color: #0d2c3e !important; /* Slightly lighter dark color */
}

/* Set the fill color of the logo SVG */
.fill-current {
    fill: #d9d9d9 !important; /* Light gray */
}

/* Change input field colors */
input[type="email"],
input[type="password"] {
    background-color: #40515a !important; /* Medium gray */
    border-color: #0d2c3e !important;
    color: #d9d9d9 !important;
}

/* Change the focus ring color for inputs */
input:focus {
    border-color: #12a3d1 !important;
    box-shadow: 0 0 0 3px rgba(18, 163, 209, 1) !important;
}

/* Style the login button */
.bg-gray-900 {
    background-color: #12A3D1 !important; /* Accent blue */
    border: none !important;
    color: #fff !important;
}

.hover\:bg-gray-700:hover {
    background-color: #12a3d1 !important; /* Light blue hover */
}

/* Style the 'Forgot Password' link */
.text-gray-600,
.text-sm {
    color: #12a3d1 !important; /* Light blue */
}

.text-gray-600:hover {
    color: #d9d9d9 !important;
}

/* Override text colors to be white */
label,
.text-gray-600 {
    color: #d9d9d9 !important; /* light gray from your theme */
}

/* Ensure 'Remember me' checkbox text is also white */
.text-sm {
    color: #d9d9d9 !important;
}

/* Ensure the forgot password link is white on hover */
.text-gray-600:hover {
    color: #d9d9d9 !important;
}