/* Dark mode styles for Trix editor */
/* Remove default Trix border */
trix-editor {
  border: none !important;
}

.dark trix-toolbar {
  background-color: rgb(55 65 81); /* bg-gray-700 */
}

.dark trix-toolbar .trix-button {
  color: rgb(209 213 219); /* text-gray-300 */
}

.dark trix-toolbar .trix-button:not(:disabled):hover {
  background-color: rgb(75 85 99); /* bg-gray-600 */
}

.dark trix-toolbar .trix-button.trix-active {
  background-color: rgb(75 85 99); /* bg-gray-600 */
  color: rgb(255 255 255); /* text-white */
}

.dark trix-toolbar .trix-button--icon::before {
  filter: invert(1) brightness(0.8);
}

.dark trix-toolbar .trix-button-group {
  border-color: rgb(75 85 99); /* border-gray-600 */
}

.dark trix-toolbar .trix-button {
  border-color: rgb(75 85 99); /* border-gray-600 */
}

/* Dialog styles */
.dark trix-toolbar .trix-dialog {
  background-color: rgb(55 65 81); /* bg-gray-700 */
  border-color: rgb(75 85 99); /* border-gray-600 */
}

.dark trix-toolbar .trix-input--dialog {
  background-color: rgb(31 41 55); /* bg-gray-800 */
  border-color: rgb(75 85 99); /* border-gray-600 */
  color: rgb(209 213 219); /* text-gray-300 */
}