/* Keep every workspace label readable, including nested text and form controls. */
:root {
  --ink: #000;
  --muted: #000;
}
body,
body *,
body *::before,
body *::after {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
input::placeholder,
textarea::placeholder {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1;
}
input,
select,
textarea {
  color-scheme: light;
}
.primary {
  background: var(--cream);
  border: 1px solid var(--red);
  font-weight: 700;
}
.primary:hover {
  background: #f1e6dd;
}
#toast {
  background: var(--cream);
  border: 1px solid #000;
}
button:disabled {
  opacity: 1;
  border-style: dashed;
  cursor: not-allowed;
}
a:not(.logo):hover {
  text-decoration: underline;
}
::selection {
  background: #f1d9c9;
  color: #000;
}