redesigned app for cleaner ux

tailwind.config.js

@@ -12,13 +12,21 @@ export default {
         "text-gold": "#FACC97",
         "gold-light": "#FACC97",
         "gold-dark": "#54330F",
+        "gold-mid": "#C9924F",
         "gray-bg": "#1C1C1C",
+        surface: "rgba(255, 255, 255, 0.04)",
+        "surface-border": "rgba(250, 204, 151, 0.14)",
       },
       fontFamily: {
         baijam: ['"Bai Jamjuree"', "sans-serif"],
       },
-      backgroundImage: {
-        "hero-pattern": "url('./src/assets/HeroImg.svg')",
+      boxShadow: {
+        glass: "0 1px 1px rgba(250, 204, 151, 0.08), 0 20px 60px -20px rgba(0, 0, 0, 0.6)",
+        "glass-lg": "0 1px 1px rgba(250, 204, 151, 0.1), 0 30px 90px -20px rgba(0, 0, 0, 0.7)",
+        "gold-glow": "0 8px 30px -8px rgba(250, 204, 151, 0.35)",
+      },
+      backdropBlur: {
+        xs: "2px",
       },
     },
   },