/* Editor Haupt-Wrapper */
html.dark .ck.ck-editor__main,
html.dark .ck.ck-editor__top,
html.dark .ck.ck-toolbar {
    background-color: var(--el-bg-color) !important;
    color: var(--el-text-color-primary) !important;
    border-color: var(--el-border-color-darker) !important;
}

/* Inhaltsbereich (WYSIWYG) */
html.dark .ck-content,
html.dark .ck-dialog,
html.dark .ck-label,
html.dark .ck-icon,
html.dark .ck-balloon-panel {
    background-color: var(--el-bg-color) !important;
    color: var(--el-text-color-primary) !important;
    border: 1px solid var(--el-border-color-darker) !important;
}

/* Schaltflächen */
html.dark .ck.ck-button {
    background-color: transparent !important;
    color: var(--el-text-color-primary) !important;
    border: none !important;
}

/* Hover- & aktive Zustände */
html.dark .ck.ck-button:hover,
html.dark .ck.ck-button.ck-on {
    background-color: var(--el-fill-color-light) !important;
    color: var(--el-text-color-regular) !important;
}

/* Dropdowns und Menüs */
html.dark .ck.ck-dropdown__panel,
html.dark .ck.ck-list {
    background-color: var(--el-bg-color-overlay) !important;
    color: var(--el-text-color-primary) !important;
    border: 1px solid var(--el-border-color-darker) !important;
}

/* Inputs im Editor */
html.dark .ck.ck-input {
    background-color: var(--el-fill-color-dark) !important;
    color: var(--el-text-color-primary) !important;
    border: 1px solid var(--el-border-color-darker) !important;
}

/* Placeholder-Text */
html.dark .ck-placeholder::before {
    color: var(--el-text-color-placeholder) !important;
}

/* Tooltip, Label, etc. */
html.dark .ck.ck-tooltip,
html.dark .ck.ck-label {
    color: var(--el-text-color-secondary) !important;
}