/* Trix Dark Mode - toolbar stays dark, editor + dialogs keep light look */

.dark trix-toolbar .trix-button-group {
    background-color: #27272a;
    border-color: #3f3f46;
}

.dark trix-toolbar .trix-button {
    background-color: #27272a;
    color: #e4e4e7;
    border-color: #3f3f46;
}

.dark trix-toolbar .trix-button:hover {
    background-color: #3f3f46;
}

.dark trix-toolbar .trix-button.trix-active {
    background-color: #3b82f6;
    color: white;
}

.dark trix-toolbar .trix-button--icon::before {
    opacity: 0.8;
}

.dark trix-toolbar .trix-dialogs {
    background-color: #f4f4f5;
    border-color: #d4d4d8;
}

.dark trix-toolbar .trix-dialog {
    background-color: #ffffff;
    border-color: #d4d4d8;
}

.dark trix-toolbar .trix-input--dialog,
.dark trix-toolbar textarea.trix-input--dialog {
    background-color: #ffffff;
    color: #18181b;
    border-color: #d4d4d8;
}

.dark trix-toolbar .trix-input--dialog:focus,
.dark trix-toolbar textarea.trix-input--dialog:focus {
    border-color: #3b82f6;
    outline: none;
}

.dark trix-toolbar .trix-button--dialog {
    color: #18181b;
}