:root {
    --forum-editor-surface: #ffffff;
    --forum-editor-surface-soft: #f7f3ee;
    --forum-editor-border: #e6ddd2;
    --forum-editor-text: #17181c;
    --forum-editor-muted: #6f6b66;
    --forum-editor-accent: #b57633;
}

html[data-bs-theme="dark"] {
    --forum-editor-surface: #232932;
    --forum-editor-surface-soft: #1b2028;
    --forum-editor-border: #313844;
    --forum-editor-text: #eef0f3;
    --forum-editor-muted: #a9acb4;
    --forum-editor-accent: #cf8d4e;
}

.ck.ck-toolbar,
.ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-dropdown__panel,
.ck.ck-list {
    background: var(--forum-editor-surface) !important;
    color: var(--forum-editor-text) !important;
    border-color: var(--forum-editor-border) !important;
}

.ck.ck-toolbar {
    border-radius: 16px 16px 0 0 !important;
}

.ck.ck-editor__main > .ck-editor__editable {
    min-height: 220px;
    border-radius: 0 0 16px 16px !important;
    box-shadow: none !important;
}

.ck.ck-editor__main > .ck-editor__editable.ck-focused {
    border-color: var(--forum-editor-accent) !important;
}

.ck.ck-button,
.ck.ck-button .ck-icon,
.ck.ck-reset_all,
.ck.ck-reset_all * {
    color: var(--forum-editor-text) !important;
}

.ck.ck-button:hover,
.ck.ck-button.ck-on {
    background: var(--forum-editor-surface-soft) !important;
}

.ck.ck-input {
    background: var(--forum-editor-surface-soft) !important;
    color: var(--forum-editor-text) !important;
    border-color: var(--forum-editor-border) !important;
}

.ck.ck-balloon-panel {
    background: var(--forum-editor-surface) !important;
    border-color: var(--forum-editor-border) !important;
}

.ck-content {
    color: var(--forum-editor-text);
}

.ck-placeholder::before {
    color: var(--forum-editor-muted) !important;
}