:root {
    --form-placeholder-color: light-dark(#737373, #a6a6a6);
    --form-label-color: light-dark(#63727d, #adbcc5);
    --form-value-color: light-dark(#172e32, #f1f5f6);
}

[data-bs-theme="dark"],
.dark {
    --form-placeholder-color: #a6a6a6;
    --form-label-color: #adbcc5;
    --form-value-color: #f1f5f6;
}

body .form-label {
    color: var(--form-label-color);
    font-weight: 400 !important;
}

:root body :is(input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"]), textarea, select) {
    color: var(--form-value-color);
    font-weight: 600;
}

body input::placeholder,
body textarea::placeholder {
    color: var(--form-placeholder-color) !important;
    font-weight: 400 !important;
    font-style: italic;
    opacity: 1;
}

body select:has(> option[value=""]:checked) {
    color: var(--form-placeholder-color) !important;
    font-weight: 400 !important;
    font-style: italic;
}

body select option:not([value=""]) {
    color: var(--bs-body-color, #212529);
    font-style: normal;
}

body .form-floating > :is(input, textarea)::placeholder {
    color: transparent !important;
}