/* Lexxy Dark Theme Override */
/* Only applies when html has class="dark" */

.dark lexxy-editor {
  color: rgb(229 231 235); /* text-gray-200 */
}

.dark .lexxy-editor__content {
  color: rgb(229 231 235); /* text-gray-200 */
  background-color: rgb(3 7 18); /* bg-gray-950 */
}

.dark .lexxy-editor__content p,
.dark .lexxy-editor__content h1,
.dark .lexxy-editor__content h2,
.dark .lexxy-editor__content h3,
.dark .lexxy-editor__content li {
  color: rgb(229 231 235); /* text-gray-200 */
}

.dark lexxy-toolbar {
  background-color: rgb(17 24 39); /* bg-gray-900 */
  border-bottom: 1px solid rgb(31 41 55); /* border-gray-800 */
  padding: 0.5rem;
}

.dark .lexxy-editor__toolbar-button {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}

.dark .lexxy-editor__toolbar-button svg {
  fill: rgb(156 163 175); /* text-gray-400 */
  width: 1.25rem;
  height: 1.25rem;
}

.dark .lexxy-editor__toolbar-button:hover {
  background-color: rgb(31 41 55); /* bg-gray-800 */
}

.dark .lexxy-editor__toolbar-button:hover svg {
  fill: rgb(229 231 235); /* text-gray-200 */
}

.dark .lexxy-editor__toolbar-button[aria-pressed="true"] {
  background-color: rgb(79 70 229); /* bg-accent-600 */
}

.dark .lexxy-editor__toolbar-button[aria-pressed="true"] svg {
  fill: white;
}

.dark code {
  background-color: rgb(31 41 55); /* bg-gray-800 */
  color: rgb(156 163 175); /* text-gray-400 */
}

.dark blockquote {
  border-left-color: rgb(75 85 99); /* border-gray-600 */
  color: rgb(156 163 175); /* text-gray-400 */
}