/* Premium Global Dark Mode Overrides */
html.dark, html.dark body {
    background-color: #121212 !important;
    color: #e5e5e5 !important;
}

html.dark header, 
html.dark footer, 
html.dark .bg-white, 
html.dark .bg-surface-bright, 
html.dark .bg-surface, 
html.dark .bg-white\/80 {
    background-color: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #ffffff !important;
}

html.dark .text-rose-950, 
html.dark .text-primary,
html.dark .text-rose-900 {
    color: #fda4af !important; /* Rose-300 for dark mode accents */
}

html.dark .bg-stone-50, 
html.dark .bg-stone-100, 
html.dark .bg-surface-container-low, 
html.dark .bg-surface-container-high,
html.dark .bg-surface-container {
    background-color: #242424 !important;
    border-color: #333333 !important;
}

html.dark .text-stone-600, 
html.dark .text-stone-500, 
html.dark .text-secondary,
html.dark .text-on-surface-variant {
    color: #a3a3a3 !important;
}

html.dark input, 
html.dark textarea, 
html.dark select,
html.dark #main-editor {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: #3d3d3d !important;
}

html.dark a:hover {
    color: #f43f5e !important;
}

html.dark .bg-rose-950,
html.dark .bg-primary {
    background-color: #fda4af !important;
    color: #121212 !important;
}

html.dark .bg-rose-950:hover,
html.dark .bg-primary:hover {
    background-color: #fecdd3 !important;
}

html.dark .border-stone-200,
html.dark .border-stone-100,
html.dark .border-outline-variant {
    border-color: #2e2e2e !important;
}

html.dark .bg-rose-950\/10,
html.dark .bg-purple-50,
html.dark .bg-pink-50,
html.dark .bg-amber-50,
html.dark .bg-green-50,
html.dark .bg-red-50 {
    background-color: #271c1e !important;
    border-color: #4a2f35 !important;
    color: #fecdd3 !important;
}

html.dark .text-purple-800,
html.dark .text-pink-800,
html.dark .text-amber-900,
html.dark .text-green-800,
html.dark .text-red-800 {
    color: #fecdd3 !important;
}

html.dark .bg-purple-200,
html.dark .bg-pink-200,
html.dark .bg-green-100,
html.dark .bg-red-100 {
    background-color: #3d141d !important;
    color: #ffffff !important;
}

html.dark .material-symbols-outlined {
    color: #a3a3a3 !important;
}

html.dark header .material-symbols-outlined,
html.dark footer .material-symbols-outlined,
html.dark #theme-btn,
html.dark #mobile-menu-btn {
    color: #fda4af !important;
}