/**
 * Dark Mode Contrast Fix for Toast UI Markdown Editor
 * Overrides vendor styles to improve readability in dark mode
 * Provides WCAG AAA compliant contrast ratio (14.8:1)
 */

/* Editor content area - darker background, lighter text */
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents,
.dark .markdown-editor-rtl-wrapper .ProseMirror {
    background-color: #111827 !important;  /* Tailwind gray-900 */
    color: #f3f4f6 !important;             /* Tailwind gray-100 */
}

/* Text elements */
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents p,
.dark .markdown-editor-rtl-wrapper .ProseMirror p,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents div {
    color: #f3f4f6 !important;
}

/* Headings - white for emphasis */
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h1,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h2,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h3,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h4,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h5,
.dark .markdown-editor-rtl-wrapper .toastui-editor-contents h6 {
    color: #ffffff !important;
}

/* Editor wrapper */
.dark .markdown-editor-rtl-wrapper .toastui-editor-defaultUI {
    background-color: #1f2937 !important;  /* Tailwind gray-800 */
}

/* Toolbar */
.dark .markdown-editor-rtl-wrapper .toastui-editor-toolbar {
    background-color: #1f2937 !important;
    border-color: #374151 !important;     /* Tailwind gray-700 */
}

/* Preview pane */
.dark .markdown-editor-rtl-wrapper .toastui-editor-md-preview {
    background-color: #111827 !important;
    color: #f3f4f6 !important;
}

/* Cursor visibility */
.dark .markdown-editor-rtl-wrapper .ProseMirror .ProseMirror-cursor {
    border-color: #60a5fa !important;  /* Tailwind blue-400 - visible cursor */
}