refactor(ui): unify design system using CSS variables and Tailwind components

- Replace hardcoded colors with design tokens (limitra variables)
- Introduce reusable brutal components (buttons, cards, icons)
- Simplify button styles and remove duplicated inline styles
- Improve dark mode consistency across pages
- Normalize styles across main site and docs (privacy page)

Author: YazanAmmar

.github/workflows/deploy.yml

@@ -14,21 +14,21 @@ concurrency:
   group: 'pages'
   cancel-in-progress: false
 
+env:
+  FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
+
 jobs:
   build:
     runs-on: ubuntu-latest
 
-    env:
-      FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
-
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'npm'
 
       - name: Install dependencies
@@ -37,13 +37,6 @@ jobs:
       - name: Build Tailwind CSS
         run: npm run build:css
 
-      - name: Debug docs folder
-        run: |
-          echo "===== docs folder ====="
-          ls -la docs
-          echo "===== tailwind.css content preview ====="
-          head -n 20 docs/tailwind.css || echo "tailwind.css NOT FOUND"
-
       - name: Upload Pages artifact
         uses: actions/upload-pages-artifact@v3
         with: