:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
    background-color: rgba(15, 25, 38, 0.72);
    border-color: rgba(148, 163, 184, 0.26);
    color: rgb(var(--app-ink));
    color-scheme: dark;
}

:root[data-theme="dark"] input.border-red-400,
:root[data-theme="dark"] select.border-red-400,
:root[data-theme="dark"] textarea.border-red-400 {
    border-color: rgb(248 113 113);
}

:root[data-theme="dark"] input:disabled,
:root[data-theme="dark"] select:disabled,
:root[data-theme="dark"] textarea:disabled {
    background-color: rgba(30, 41, 59, 0.72);
    color: rgba(203, 213, 224, 0.62);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: rgba(203, 213, 224, 0.62);
}

:root[data-theme="dark"] select option {
    background-color: rgb(15 25 38);
    color: rgb(var(--app-ink));
}