:root {
    color-scheme: light;
}

html.dark,
body.dark-mode {
    color-scheme: light !important;
}

html,
body,
input,
select,
textarea,
button {
    color-scheme: light !important;
}

input,
select,
textarea {
    background-color: #f0f4f8 !important;
    color: #171c1f !important;
    -webkit-text-fill-color: #171c1f !important;
}

input::placeholder,
textarea::placeholder {
    color: #727783 !important;
    opacity: 1;
}

select option,
datalist option {
    background-color: #ffffff !important;
    color: #171c1f !important;
}

body.dark-mode,
html.dark body {
    background-color: #f6fafe !important;
    color: #171c1f !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #171c1f !important;
    box-shadow: 0 0 0 1000px #f0f4f8 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}