.ck.ck-toolbar, .ck.ck-content {
	/* editor's colors (toolbar and content pane) */
	background-color: var(--bs-body-bg) !important;
	border-color: var(--bs-border-color) !important;
}

.ck.ck-toolbar {
	/* editor's toolbar border */
	border-top-left-radius: var(--bs-border-radius) !important;
	border-top-right-radius: var(--bs-border-radius) !important;
}

.ck.ck-content {
	/* editor's content pane border */
	border-bottom-left-radius: var(--bs-border-radius) !important;
	border-bottom-right-radius: var(--bs-border-radius) !important;
}

.ck.ck-button.ck-off {
	/* button in unselected state */
	color: var(--bs-secondary-color);
}

.ck.ck-splitbutton_open .ck.ck-button.ck-off.ck-splitbutton__action {
	/* split button in opened unselected state */
	color: var(--bs-body-bg);
}

.ck.ck-button.ck-on :not(.ck.ck-collapsible .ck.ck-button_with-text *, .ck.ck-list *) {
	/* button in selected state, but not collapsible in dropdown list */
	/* TODO should be dark foreground color in light mode */
	color: var(--bs-body-bg) !important;
}

.ck.ck-list .ck.ck-button.ck-on {
	/* dropdown list item in selected state */
	background-color: var(--bs-body-bg);
}

.ck.ck-list .ck.ck-button.ck-on:hover {
	/* dropdown list item in selected state (hover) */
	color: var(--bs-body-bg);
	background-color: var(--ck-color-list-button-hover-background) !important;
}

.ck.ck-button_with-text :not(.ck-dropdown__button *, .ck-source-editing-button *, .ck-button_with-text:hover *) {
	/* dropdown list */
	color: var(--bs-secondary-color) !important;
}

.ck.ck-dropdown__panel, .ck.ck-list {
	/* dropdown lists (dark mode) */
	background-color: var(--bs-body-bg) !important;
}

.ck.ck-button.ck-off:hover :not(.ck-disabled *, .ck.ck-collapsible .ck.ck-button_with-text *),
.ck.ck-splitbutton:hover :not(.ck-disabled *) {
	/* button with mouse over it (hover), but not collapsible in dropdown list */
	/* TODO should be dark foreground color in light mode */
	color: var(--bs-body-bg) !important;
}

.ck.ck-collapsible .ck.ck-button_with-text:hover {
	/* collapsible in dropdown list */
	color: var(--bs-secondary-color);
}

.ck.ck-toolbar__separator {
	/* separator lines color */
	/* TODO should be dark color in light mode */
	background-color: var(--bs-light-bg-subtle) !important;
}

.ck.ck-toolbar.toolbar-hidden {
	/* editor's toolbar border, when toolbar is hidden */
	border-width: 0;
}

.ck.ck-content.toolbar-hidden {
	/* round border in editor's content, when class "toolbar-hidden" exists */
	border-top-left-radius: var(--bs-border-radius) !important;
	border-top-right-radius: var(--bs-border-radius) !important;
}