main: vibe coded app to feel like paper

Signed-off-by: nfel <nfilsaraee@gmail.com>

tailwind.config.ts

@@ -9,25 +9,21 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        primary: {
-          50: '#e6f1ff',
-          100: '#b3d9ff',
-          200: '#80c1ff',
-          300: '#4da8ff',
-          400: '#1a90ff',
-          500: '#0077e6',
-          600: '#005db3',
-          700: '#004380',
-          800: '#00294d',
-          900: '#000f1a',
-        },
-        accent: {
-          orange: '#ff6b35',
-          cyan: '#00d9ff',
+        paper: {
+          light: '#D9DACA',   // Light cream/off-white
+          sand: '#B1B09C',    // Muted beige/tan
+          gray: '#848170',    // Grayish olive
+          brown: '#5A554C',   // Medium brown/gray
+          dark: '#2F2926',    // Dark brown/charcoal
         },
       },
       backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'paper-texture': "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E\")",
+      },
+      boxShadow: {
+        'paper': '2px 2px 0px rgba(47, 41, 38, 0.3)',
+        'paper-lg': '4px 4px 0px rgba(47, 41, 38, 0.3)',
+        'paper-inset': 'inset 2px 2px 4px rgba(47, 41, 38, 0.2)',
       },
     },
   },