init

client/tailwind.config.ts

@@ -0,0 +1,27 @@
+import type { Config } from "tailwindcss";
+
+export default {
+  darkMode: ["class"],
+  content: ["./index.html", "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        brand: "rgb(var(--color-brand) / <alpha-value>)",
+        accent: "rgb(var(--color-accent) / <alpha-value>)",
+        surface: "rgb(var(--color-surface) / <alpha-value>)",
+        page: "rgb(var(--color-page) / <alpha-value>)",
+        text: "rgb(var(--color-text) / <alpha-value>)",
+        muted: "rgb(var(--color-muted) / <alpha-value>)",
+        line: "rgb(var(--color-line) / <alpha-value>)",
+      },
+      fontFamily: {
+        sans: ["var(--font-family)", "ui-sans-serif", "system-ui"],
+      },
+      boxShadow: {
+        panel: "0 24px 60px rgba(15, 23, 42, 0.14)",
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;
+