/* Dark theme for wangEditor to match the RakuOS site palette (site root
   already carries html.dark, wangEditor themes off that same class). */
html.dark {
  --w-e-toolbar-bg-color: #1a1c20;
  --w-e-toolbar-color: rgba(255, 255, 255, 0.7);
  --w-e-toolbar-active-color: #fff;
  --w-e-toolbar-active-bg-color: rgba(255, 255, 255, 0.1);
  --w-e-toolbar-disabled-color: rgba(255, 255, 255, 0.25);
  --w-e-toolbar-border-color: rgba(255, 255, 255, 0.1);

  --w-e-textarea-bg-color: #0f1115;
  --w-e-textarea-color: #e5e7eb;
  --w-e-textarea-border-color: rgba(255, 255, 255, 0.1);
  --w-e-textarea-slight-color: rgba(255, 255, 255, 0.4);
  --w-e-textarea-slight-bg-color: #1a1c20;
  --w-e-textarea-slight-border-color: rgba(255, 255, 255, 0.1);
  --w-e-textarea-selected-border-color: #3b82f6;
  --w-e-textarea-handler-bg-color: #3b82f6;

  --w-e-modal-button-bg-color: #1a1c20;
  --w-e-modal-button-border-color: rgba(255, 255, 255, 0.15);
}

.rakuos-editor {
  border-radius: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  overflow: hidden;
}

.rakuos-editor .w-e-text-container {
  min-height: 240px;
}

.rakuos-editor-tall .w-e-text-container {
  min-height: 400px;
}