/* Light Mode Text Fix for NudgeWire NOTE: The site uses a `.dark` class on the (and sometimes ) element to enable dark mode. The previous version of this file mistakenly targeted `:not(.dark-mode)`, which caused light-mode overrides to apply even when the dark theme was active. We now scope all rules to `html:not(.dark)` so they only apply in true light mode. */ /* Ensure text is readable in light mode */ html:not(.dark) body { color: #1a1a1a !important; } /* In light mode, elements explicitly styled as white text should use dark text to maintain contrast on light backgrounds. */ html:not(.dark) .text-white { color: #1a1a1a !important; } html:not(.dark) h1, html:not(.dark) h2, html:not(.dark) h3, html:not(.dark) h4, html:not(.dark) h5, html:not(.dark) h6 { color: #0f0f0f !important; } html:not(.dark) p, html:not(.dark) .article-title, html:not(.dark) .article-summary { color: #2a2a2a !important; } html:not(.dark) .article-card { background: #ffffff !important; border: 1px solid #e0e0e0 !important; } html:not(.dark) .article-card:hover { background: #f8f8f8 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; } html:not(.dark) .category-tag { background: #f0f0f0 !important; color: #333 !important; } html:not(.dark) .text-gray-400 { color: #666 !important; } html:not(.dark) .text-gray-500 { color: #555 !important; } html:not(.dark) .text-gray-600 { color: #444 !important; } /* Navigation in light mode */ html:not(.dark) nav { background: #ffffff !important; border-bottom: 1px solid #e0e0e0 !important; } html:not(.dark) nav a { color: #333 !important; } html:not(.dark) nav a:hover { color: #000 !important; } /* Footer in light mode */ html:not(.dark) footer { background: #f8f8f8 !important; color: #333 !important; } html:not(.dark) footer a { color: #555 !important; } html:not(.dark) footer a:hover { color: #000 !important; }