Complete professional theme conversion across Romfast website

Converted all website pages to modern professional theme with consistent design system:

### Pages Converted (21 total):
**Menu Pages (10):**
- desprenoi.html, contact.html, analiza.html, implementare.html
- roa-suport-tehnic.html, alteservicii.html, angajari.html
- suport.html, referinte.html, politica-confidentialitate.html

**ROA Module Pages (11):**
- roa-financiar-contabilitate.html (calculator icon)
- roa-resurse-umane.html (users icon)
- roa-imobilizari.html (building icon)
- roa-gestiune.html (package icon)
- roa-contracte-furnizori.html (truck icon)
- roa-clienti.html (user-check icon)
- roa-horeca.html (utensils icon)
- roa-analiza.html (bar-chart-3 icon)
- roa-aplicatii-specifice.html (settings icon)
- roa-service-auto.html, roa-proiecte-devize.html

### Technical Implementation:
- Migrated from Bootstrap 5 to Tailwind CSS + Flowbite
- Applied professional-theme.css with soft blue color palette
- Integrated Lucide icons for modern iconography
- Implemented responsive design with mobile-first approach
- Added dark/light theme toggle functionality
- Enhanced SEO with Romanian meta descriptions
- Maintained all original content and functionality

### Design Features:
- Consistent professional navbar with gradient background
- Hero sections with appropriate module icons
- Professional cards with hover effects and animations
- Modern typography using Inter, Merriweather fonts
- Unified color scheme: #5288c4 (primary), #4a7ba7 (secondary)
- Professional footer with company branding

All pages now follow the same professional design system established in index.html.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

menu/referinte.html

@@ -257,53 +257,6 @@
     </footer>
 
     <!-- Professional Theme JavaScript -->
-    <script>
-        // Theme Toggle Functionality
-        document.addEventListener('DOMContentLoaded', function() {
-            const themeToggle = document.getElementById('theme-toggle');
-            const body = document.body;
-            const icon = themeToggle.querySelector('i');
-            
-            // Check for saved theme preference or default to 'light'
-            const currentTheme = localStorage.getItem('theme') || 'light';
-            
-            if (currentTheme === 'dark') {
-                body.classList.add('dark-mode');
-                icon.setAttribute('data-lucide', 'moon');
-            } else {
-                body.classList.remove('dark-mode');
-                icon.setAttribute('data-lucide', 'sun');
-            }
-            
-            // Initialize Lucide icons
-            if (typeof lucide !== 'undefined') {
-                lucide.createIcons();
-            }
-            
-            themeToggle.addEventListener('click', function() {
-                if (body.classList.contains('dark-mode')) {
-                    body.classList.remove('dark-mode');
-                    icon.setAttribute('data-lucide', 'sun');
-                    localStorage.setItem('theme', 'light');
-                } else {
-                    body.classList.add('dark-mode');
-                    icon.setAttribute('data-lucide', 'moon');
-                    localStorage.setItem('theme', 'dark');
-                }
-                
-                // Re-initialize Lucide icons after change
-                if (typeof lucide !== 'undefined') {
-                    lucide.createIcons();
-                }
-            });
-        });
-        
-        // Initialize Lucide Icons
-        document.addEventListener('DOMContentLoaded', function() {
-            if (typeof lucide !== 'undefined') {
-                lucide.createIcons();
-            }
-        });
-    </script>
+    <script src="../professional-theme.js"></script>
 </body>
 </html>