初始化项目

tailwind.config.ts

@@ -0,0 +1,45 @@
+import type { Config } from "tailwindcss";
+
+export default {
+  darkMode: "class",
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        'bg-subtle': '#f9fafb',
+        'bg-surface': '#ffffff',
+        'border-normal': '#e5e7eb',
+        'border-gray': '#f3f4f6',
+        'text-primary': '#111827',
+        'text-tertiary': '#9ca1af',
+        'fill-secondary-click': '#f3f4f6',
+      },
+      fontFamily: {
+        inter: ['var(--font-inter)', 'Inter', 'sans-serif'],
+        jetbrains: ['var(--font-jetbrains)', 'JetBrains Mono', 'monospace'],
+        domine: ['var(--font-domine)', 'Domine', 'serif'],
+      },
+      fontSize: {
+        'caption-tiny': ['12px', { lineHeight: '150%', letterSpacing: '0.01em' }],
+        'body-small': ['14px', { lineHeight: '150%' }],
+        'body-default': ['16px', { lineHeight: '150%' }],
+        'body-large': ['18px', { lineHeight: '150%' }],
+        'heading-h3': ['24px', { lineHeight: '130%', letterSpacing: '-0.005em' }],
+        'heading-h2': ['32px', { lineHeight: '120%', letterSpacing: '-0.01em' }],
+      },
+      fontWeight: {
+        regular: '400',
+        medium: '500',
+        bold: '700',
+        extrabold: '800',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;