1 files changed, 71 insertions, 0 deletions
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..059b824
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,71 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        activity: {
+          bg: 'var(--color-activity-bg)',
+        },
+        editor: {
+          bg: 'var(--color-editor-bg)',
+          surface: 'var(--color-editor-surface)',
+          line: 'var(--color-editor-line)',
+        },
+        panel: {
+          bg: 'var(--color-panel-bg)',
+          hover: 'var(--color-panel-hover)',
+          active: 'var(--color-panel-active)',
+          border: 'var(--color-panel-border)',
+        },
+        accent: {
+          DEFAULT: 'var(--color-accent)',
+          hover: 'var(--color-accent-hover)',
+          muted: 'var(--color-accent-muted)',
+          text: 'var(--color-accent-text)',
+        },
+        text: {
+          primary: 'var(--color-text-primary)',
+          secondary: 'var(--color-text-secondary)',
+          muted: 'var(--color-text-muted)',
+          accent: 'var(--color-accent-text)',
+        },
+        semantic: {
+          error: 'var(--color-semantic-error)',
+          warning: 'var(--color-semantic-warning)',
+          info: 'var(--color-semantic-info)',
+          success: 'var(--color-semantic-success)',
+        },
+      },
+      fontFamily: {
+        ui: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Consolas', 'monospace'],
+      },
+      fontSize: {
+        'editor': ['14px', '1.6'],
+        'ui-xs': ['11px', '1.4'],
+        'ui-sm': ['12px', '1.5'],
+        'ui-base': ['13px', '1.5'],
+        'editor-mono': ['14px', '22.4px'],
+      },
+      spacing: {
+        sidebar: '240px',
+        tabs: '36px',
+        status: '24px',
+        titlebar: '32px',
+      },
+      transitionDuration: {
+        fast: '100ms',
+        normal: '150ms',
+        theme: '250ms',
+      },
+      backdropBlur: {
+        glass: '12px',
+      },
+    },
+  },
+  plugins: [],
+}