/* Editor background */
.tox .tox-editor-container {
  @apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 !important;
}

/* Toolbar background */
.tox .tox-toolbar,
.tox .tox-editor-header,
.tox .tox-menu,
.tox .tox-menubar,
.tox .tox-toolbar__primary {
  @apply bg-midnightBlueTheme-cardColor dark:bg-dark-800 !important;
}

.tox .tox-collection--toolbar .tox-collection__item--active,
.tox .tox-collection--toolbar .tox-collection__item--enabled {
  @apply bg-midnightBlueTheme-diversityMain dark:bg-dark-600 !important;
}

/* Toolbar button color */
.tox .tox-toolbar__group button,
.tox .tox-mbtn {
  @apply text-midnightBlueTheme-text dark:text-white !important;
}

.tox .tox-tbtn svg {
  @apply fill-midnightBlueTheme-text dark:text-white !important;
}

/* Toolbar button hover/active state */
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover,
.tox .tox-tbtn:hover,
.tox .tox-mbtn:hover {
  @apply bg-midnightBlueTheme-diversityMain dark:bg-dark-600 !important;
}

/* Status bar styles */
.tox .tox-statusbar,
.tox {
  @apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 text-midnightBlueTheme-text dark:text-white !important;
}

.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  @apply text-midnightBlueTheme-text dark:text-white !important;
}

/* Dropdown menu item text */
.tox .tox-collection__item {
  @apply text-midnightBlueTheme-text dark:text-white !important;
}

/* Editor content area */
.tox.tox-tinymce {
  @apply border border-midnightBlueTheme-outsideCardColor dark:border-dark-700 text-midnightBlueTheme-text dark:text-white !important;
}

/* Change the content area background color */
.tox .tox-edit-area__iframe {
  @apply bg-midnightBlueTheme-mainBG dark:bg-dark-800 text-midnightBlueTheme-text dark:text-white !important;
}