// = Wysiwyg Variables
// ============================================================================
// No CSS hacks, variables overrides only

.oe-toolbar.oe-floating {
    --o-we-toolbar-bg: #{$o-gray-300};
    --o-we-toolbar-bg-active: #{$o-gray-400};
    --o-we-toolbar-border: #{$o-gray-200};
    --o-we-toolbar-color-text: #{$o-gray-800};
    --o-we-toolbar-color-accent: #{$o-action};
    --o-we-toolbar-color-clickable: #{$o-gray-800};
    --o-we-toolbar-color-clickable-active: #{$o-black};
}

.o_link_dialog_preview {
    --o-link-dialog-preview-border: #{$border-width} solid #{$border-color};
}

.o_colorpicker_sections, .o_we_color_btn {
    --bg: #{$o-gray-200};
}

.o_custom_gradient_btn {
    --o-we-toolbar-border: #{$o-gray-800};
}