/* Additional Theme Styles for Spell Checker */

/* ===== Navbar Button Styles ===== */

/* Light Mode Navbar Buttons */
body[data-theme="light"] #themeToggle,
body[data-theme="light"] #langToggle {
    background: rgba(241, 245, 249, 0.8) !important;
    border-color: rgba(203, 213, 225, 0.6) !important;
    color: #475569 !important;
}

body[data-theme="light"] #themeToggle:hover,
body[data-theme="light"] #langToggle:hover {
    background: rgba(226, 232, 240, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.6) !important;
}

body[data-theme="light"] #themeToggle svg {
    color: #475569 !important;
}

/* Light Mode Nav Links */
body[data-theme="light"] nav a {
    color: #64748b !important;
}

body[data-theme="light"] nav a:hover,
body[data-theme="light"] nav a.font-medium {
    color: #0f172a !important;
}

/* ===== Empty State Overlay ===== */

/* Light Mode Empty State */
body[data-theme="light"] #editorEmptyState p {
    color: #64748b !important;
}

body[data-theme="light"] #editorEmptyState button,
body[data-theme="light"] #editorEmptyState label {
    border-color: rgba(139, 92, 246, 0.4) !important;
    color: #7c3aed !important;
}

body[data-theme="light"] #editorEmptyState button:hover,
body[data-theme="light"] #editorEmptyState label:hover {
    background: rgba(139, 92, 246, 0.1) !important;
}

/* ===== Logo Text Gradient ===== */

/* Light Mode Logo Text - Darker for visibility */
body[data-theme="light"] header a span.text-purple-400 {
    color: #7c3aed !important;
    /* purple-700 */
}

/* ===== Suggestions Panel ===== */

/* Light Mode Suggestions Title */
body[data-theme="light"] .flex-shrink-0 h2 {
    color: #0f172a !important;
}

/* Light Mode Border */
body[data-theme="light"] .border-l {
    border-color: rgba(226, 232, 240, 0.8) !important;
}