:root {
    --ck-color-base-background: #0f1113;
    --ck-color-base-border: rgba(255, 255, 255, 0.06);
    --ck-color-base-text: #ffffff;
    --ck-color-toolbar-background: #0f1113;
    --ck-color-toolbar-border: rgba(255, 255, 255, 0.06);
    --ck-color-dropdown-panel-background: #000000;
    --ck-color-dropdown-panel-border: rgba(255, 255, 255, 0.1);
    --ck-color-list-background: #000000;
    
    /* Variables for Hover/On states */
    --ck-color-list-button-hover-background: #2c2f33;
    --ck-color-list-button-on-background: #2c2f33;
    --ck-color-list-button-on-text: #ffffff;
    --ck-color-list-button-on-background-focus: #3a3f44;
}

/* --- THE NUCLEAR RESET --- */
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all :not(.ck-reset_all-excluded *) {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- PANEL & LIST SPECIFICS --- */
div.ck.ck-reset.ck-dropdown__panel {
    background: #000000 !important;
    background-color: #000000 !important;
}

ul.ck.ck-reset.ck-list {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* --- MAIN EDITOR AREA --- */
.ck.ck-editor__main > .ck-editor__editable {
    background: #0f1113 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}

.ck.ck-editor__main > .ck-editor__editable p {
    color: #ffffff !important;
}

/* --- TOOLBAR --- */
.ck.ck-toolbar {
    background: #0f1113 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: none !important;
}

/* --- BUTTONS & HOVER (DEATH TO THE BLUE) --- */
.ck.ck-list__item .ck-button,
.ck.ck-list__item .ck-button:hover,
.ck.ck-list__item .ck-button.ck-on,
.ck.ck-list__item .ck-button.ck-on:hover,
.ck.ck-list__item .ck-button:focus {
    /* Kill borders */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.ck.ck-list__item .ck-button {
    background: transparent !important;
    color: #ffffff !important;
}

/* Hover/On State - Subdued Gray */
.ck.ck-list__item .ck-button:hover,
.ck.ck-list__item .ck-button.ck-on,
.ck.ck-list__item .ck-button.ck-on:hover,
.ck.ck-list__item .ck-button:focus {
    background: #2c2f33 !important;
    background-color: #2c2f33 !important;
    color: #ffffff !important;
}

/* Ensure labels inside buttons are white */
.ck.ck-reset_all .ck-button__label {
    color: inherit !important;
}

/* Fix for icons */
.ck.ck-reset_all .ck-button__icon {
    color: inherit !important;
}