/* Comprehensive Dark Mode Text Color Fix */

/* MODAL SPECIFIC - HIGHEST PRIORITY */
[data-theme=" dark\] #previewModal *,
[data-theme=\dark\] #previewModal strong,
[data-theme=\dark\] #previewModal div,
[data-theme=\dark\] #previewModal span,
[data-theme=\dark\] #previewModal p,
[data-theme=\dark\] #previewModal h1,
[data-theme=\dark\] #previewModal h2,
[data-theme=\dark\] #previewModal h3,
[data-theme=\dark\] #previewModal h4,
[data-theme=\dark\] #previewModal h5,
[data-theme=\dark\] #previewModal h6,
[data-theme=\dark\] .modal-content *,
[data-theme=\dark\] .modal-header *,
[data-theme=\dark\] .modal-body *,
[data-theme=\dark\] .modal-title {
 color: #ffffff !important;
}

/* Force all text to be light in dark mode */
[data-theme=\dark\] * {
 color: #e0e0e0 !important;
}

/* Headings */
[data-theme=\dark\] h1, 
[data-theme=\dark\] h2, 
[data-theme=\dark\] h3, 
[data-theme=\dark\] h4, 
[data-theme=\dark\] h5, 
[data-theme=\dark\] h6 {
 color: #ffffff !important;
}

/* Paragraphs and spans */
[data-theme=\dark\] p,
[data-theme=\dark\] span,
[data-theme=\dark\] div,
[data-theme=\dark\] label,
[data-theme=\dark\] strong,
[data-theme=\dark\] b {
 color: #e0e0e0 !important;
}

/* Buttons - keep their colors */
[data-theme=\dark\] .btn,
[data-theme=\dark\] button {
 color: inherit !important;
}

/* Badges - keep white */
[data-theme=\dark\] .badge {
 color: #ffffff !important;
}

/* Alerts - special handling */
[data-theme=\dark\] .alert-info {
 color: #0c5460 !important;
 background-color: #d1ecf1 !important;
}