/* Pure-black text replacement; existing brand, white and gray colors stay intact. */
@media (prefers-color-scheme: light) {
  :root:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) {
    --text-pure-black: #333333;
  }
  :root:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"])
  :is(input, textarea):not(:is(.dark *, .dark-mode *, [data-theme="dark"] *, [data-mode="dark"] *))::placeholder,
  :root:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"])
  [data-placeholder]:empty:not(:is(.dark *, .dark-mode *, [data-theme="dark"] *, [data-mode="dark"] *))::before {
    color: #333333 !important;
  }
}
:root:is([data-theme="light"], [data-mode="light"]):not(.dark):not(.dark-mode) {
  --text-pure-black: #333333;
}
:root:is([data-theme="light"], [data-mode="light"]):not(.dark):not(.dark-mode)
:is(input, textarea):not(:is(.dark *, .dark-mode *, [data-theme="dark"] *, [data-mode="dark"] *))::placeholder,
:root:is([data-theme="light"], [data-mode="light"]):not(.dark):not(.dark-mode)
[data-placeholder]:empty:not(:is(.dark *, .dark-mode *, [data-theme="dark"] *, [data-mode="dark"] *))::before {
  color: #333333 !important;
}