Remove TailwindCSS completely and use Nuxt UI with custom CSS for styling

assets/css/main.css

@@ -1,10 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 
-/* TailwindCSS base styles */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 /* Apply Inter font family to the entire application */
 html {
   font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -14,6 +9,28 @@ html {
 body {
   font-family: inherit;
   font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
+  margin: 0;
+  padding: 0;
+}
+
+/* Basic reset and utility styles */
+* {
+  box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+button {
+  cursor: pointer;
+  border: none;
+  outline: none;
+}
+
+input, textarea {
+  outline: none;
 }
 
 /* Custom font classes if needed */

nuxt.config.ts

@@ -1,8 +1,7 @@
 export default defineNuxtConfig({
   devtools: { enabled: false },
   modules: [
-    '@nuxt/ui',
+    '@nuxt/ui'
-    '@nuxtjs/tailwindcss'
   ],
   ui: {
     theme: {

package.json

@@ -14,7 +14,6 @@
   "dependencies": {
     "nuxt": "^4.0.0",
     "@nuxt/ui": "^4.0.0",
-    "@nuxtjs/tailwindcss": "^6.12.0",
     "better-sqlite3": "^11.1.0",
     "qrcode": "^1.5.4",
     "jose": "^5.3.0",