merca y ch

tailwind.config.ts

@@ -0,0 +1,42 @@
+import type { Config } from "tailwindcss";
+import { tokens } from "./src/styles/tokens";
+
+const config: Config = {
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        "benell-bg": tokens.palette.background,
+        "benell-sidebar": tokens.palette.sidebar,
+        "benell-surface": tokens.palette.surface,
+        "benell-surface-muted": tokens.palette.surfaceMuted,
+        "benell-stroke": tokens.palette.stroke,
+        "benell-text": tokens.palette.text,
+        "benell-text-soft": tokens.palette.textSoft,
+        "benell-caramel": tokens.palette.caramel,
+        "benell-tan": tokens.palette.tan,
+        "benell-brown": tokens.palette.brown,
+        "benell-green": tokens.palette.green,
+        "benell-red": tokens.palette.red,
+        "benell-amber": tokens.palette.amber,
+      },
+      borderRadius: {
+        benell: tokens.radii.card,
+        pill: tokens.radii.pill,
+      },
+      boxShadow: {
+        benell: tokens.shadows.soft,
+      },
+      spacing: {
+        "18": tokens.spacing[18],
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;