/* ---- Dark mode (opt-in via .dark class on host) ------------------- */
.docx-editor-host.dark {
  --de-background: 222 14% 12%;
  --de-foreground: 210 20% 92%;
  --de-muted: 222 14% 18%;
  --de-muted-foreground: 210 12% 65%;
  --de-border: 222 14% 22%;
  --de-surface: #1a1d21;
  --de-surface-hover: #25292e;
  --de-text: #e6e8eb;
  --de-text-muted: #9ba1a8;
  --de-border-raw: #2c3137;
  --de-toolbar-bg: #1a1d21;
  --de-toolbar-border: #2c3137;
  --de-toolbar-button-bg-hover: #25292e;
  --de-page-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.4);
}
.docx-editor-host.dark .docx-editor-page {
  background: #ffffff;
  color: #1f2328;
}
.docx-editor-host.dark .docx-editor-content {
  color: #1f2328;
}