feat(themes): Added custom theme support.

tailwind.config.ts

@@ -1,52 +1,3 @@
-import type { Config } from 'tailwindcss';
-import type { DefaultColors } from 'tailwindcss/types/generated/colors';
-
-const themeDark = (colors: DefaultColors) => ({
-  50: '#0a0a0a',
-  100: '#111111',
-  200: '#1c1c1c',
-});
-
-const themeLight = (colors: DefaultColors) => ({
-  50: '#fcfcf9',
-  100: '#f3f3ee',
-  200: '#e8e8e3',
-});
-
-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}',
-  ],
-  darkMode: 'class',
-  theme: {
-    extend: {
-      borderColor: ({ colors }) => {
-        return {
-          light: themeLight(colors),
-          dark: themeDark(colors),
-        };
-      },
-      colors: ({ colors }) => {
-        const colorsDark = themeDark(colors);
-        const colorsLight = themeLight(colors);
-
-        return {
-          dark: {
-            primary: colorsDark[50],
-            secondary: colorsDark[100],
-            ...colorsDark,
-          },
-          light: {
-            primary: colorsLight[50],
-            secondary: colorsLight[100],
-            ...colorsLight,
-          },
-        };
-      },
-    },
-  },
-  plugins: [require('@tailwindcss/typography')],
-};
-export default config;
+// Tailwind v4 uses CSS-first configuration via @theme in globals.css.
+// Keeping an empty config to satisfy tooling that expects this file.
+export default {};