fix: update environment variable usage in scripts and enhance CSS theming

apps/api/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "bun --watch src/index.ts",
+    "dev": "bun --env-file=../../.env --watch src/index.ts",
-    "start": "bun src/index.ts",
+    "start": "bun --env-file=../../.env src/index.ts",
     "typecheck": "tsc --project tsconfig.json",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "drizzle-kit migrate"

apps/web/src/index.css

@@ -1,28 +1,28 @@
-@tailwind base;
+@import "tailwindcss";
-@tailwind components;
+
-@tailwind utilities;
+@theme {
+  --color-background: hsl(48 60% 97%);
+  --color-foreground: hsl(156 26% 12%);
+  --color-card: hsl(0 0% 100%);
+  --color-card-foreground: hsl(156 26% 12%);
+  --color-primary: hsl(142 60% 32%);
+  --color-primary-foreground: hsl(0 0% 100%);
+  --color-muted: hsl(84 35% 90%);
+  --color-muted-foreground: hsl(156 12% 35%);
+  --color-border: hsl(84 24% 82%);
+  --radius-lg: 1rem;
+  --radius-md: calc(var(--radius-lg) - 2px);
+  --radius-sm: calc(var(--radius-lg) - 4px);
+}
 
 @layer base {
-  :root {
-    --background: 48 60% 97%;
-    --foreground: 156 26% 12%;
-    --card: 0 0% 100%;
-    --card-foreground: 156 26% 12%;
-    --primary: 142 60% 32%;
-    --primary-foreground: 0 0% 100%;
-    --muted: 84 35% 90%;
-    --muted-foreground: 156 12% 35%;
-    --border: 84 24% 82%;
-    --radius: 1rem;
-  }
-
   * {
-    border-color: hsl(var(--border));
+    border-color: var(--color-border);
   }
 
   body {
-    background-color: hsl(var(--background));
+    background-color: var(--color-background);
-    color: hsl(var(--foreground));
+    color: var(--color-foreground);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

apps/web/vite.config.ts

@@ -4,6 +4,11 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [react()],
+  server: {
+    proxy: {
+      '/api': 'http://localhost:3000',
+    },
+  },
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),