.login-card label,
.login-card .text-gray-700,
.login-card .text-gray-600 {
    color: var(--color-base-content) !important;
}

.login-card small,
.login-card small a {
    color: color-mix(in oklab, var(--color-base-content) 62%, transparent) !important;
}

.login-card input[type="email"],
.login-card input[type="password"],
.login-card input[type="text"] {
    background-color: var(--color-base-100) !important;
    border-color: var(--color-base-300) !important;
    color: var(--color-base-content) !important;
}

.login-card input::placeholder {
    color: color-mix(in oklab, var(--color-base-content) 45%, transparent) !important;
}

.login-card input:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
    outline: none !important;
}

.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-base-content);
    box-shadow: 0 0 0 1000px var(--color-base-100) inset;
    caret-color: var(--color-base-content);
    transition: background-color 9999s ease-out, color 9999s ease-out;
}