/* Dark Mode (Default) */
/*html.dark body { @apply bg-gray-950 text-gray-200; }*/
/*html.dark .nav-link { @apply text-gray-300 hover:text-white; }*/
/*html.dark .nav-icon { @apply text-gray-400 hover:text-white; }*/
/*html.dark .hero-title { @apply text-white; }*/
/*html.dark .hero-subtitle { @apply text-gray-400; }*/
/*html.dark .search-bar { @apply bg-white/5 border-white/10 text-white; }*/
/*html.dark .section-title { @apply text-white; }*/
/*html.dark .category-card { @apply bg-white/5 border-white/10; }*/
/*html.dark .tool-title { @apply text-white; }*/

/* Light Mode */
/*html.light body { @apply bg-white text-gray-900; }*/
/*html.light .nav-link { @apply text-gray-600 hover:text-black; }*/
/*html.light .nav-icon { @apply text-gray-500 hover:text-black; }*/
/*html.light .hero-title { @apply text-black; }*/
/*html.light .hero-subtitle { @apply text-gray-600; }*/
/*html.light .search-bar { @apply bg-gray-50 border-gray-300 text-black; }*/
/*html.light .section-title { @apply text-black; }*/
/*html.light .category-card { @apply bg-gray-50 border-gray-200; }*/
/*html.light .tool-title { @apply text-black; }*/





 यह बताता है कि 'dark' क्लास लगने पर क्या स्टाइल बदलनी है 

 बॉडी का बैकग्राउंड और टेक्स्ट कलर 
.dark body {
    background-color: #111827; /* गहरा ग्रे 
    color: #d1d5db; /* हल्का ग्रे 
}

 हेडर जब स्क्रॉल होता है 
#header.scrolled {
     @apply shadow-lg bg-white/80 dark:bg-gray-900/80;
}