diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..67aedcd
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,38 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{js,jsx}'],
+  theme: {
+    extend: {
+      colors: {
+        'gold':         '#c9a84c',
+        'gold-light':   '#e8c547',
+        'gold-dim':     '#8a6f2e',
+        'gold-faint':   '#3d2f0e',
+        'dark-base':    '#070709',
+        'dark-card':    '#0f0f12',
+        'dark-surface': '#161619',
+        'dark-border':  '#242428',
+      },
+      fontFamily: {
+        sans:    ['Inter', 'system-ui', 'sans-serif'],
+        display: ['Space Grotesk', 'system-ui', 'sans-serif'],
+        mono:    ['Space Mono', 'monospace'],
+      },
+      boxShadow: {
+        'gold':    '0 0 24px rgba(201,168,76,0.28), 0 0 64px rgba(201,168,76,0.08)',
+        'gold-sm': '0 0 12px rgba(201,168,76,0.22)',
+        'gold-lg': '0 0 40px rgba(201,168,76,0.35), 0 0 100px rgba(201,168,76,0.1)',
+        'card':    '0 8px 32px rgba(0,0,0,0.5)',
+        'card-lg': '0 20px 60px rgba(0,0,0,0.7)',
+      },
+      backgroundImage: {
+        'gold-gradient':  'linear-gradient(135deg, #c9a84c 0%, #e8c547 50%, #c9a84c 100%)',
+        'dark-gradient':  'linear-gradient(180deg, #070709 0%, #0f0f12 100%)',
+      },
+      transitionTimingFunction: {
+        'expo': 'cubic-bezier(0.22, 1, 0.36, 1)',
+      },
+    },
+  },
+  plugins: [],
+}