initial tool setup and basic styles

postcss.config.js

@@ -0,0 +1,36 @@
+// postcss.config.js
+import postcssImport from 'postcss-import'
+import postcssPresetEnv from 'postcss-preset-env'
+import postcssUtilities from 'postcss-utilities'
+import postcssNesting from 'postcss-nesting'
+import { purgeCSSPlugin } from '@fullhuman/postcss-purgecss'
+
+const plugins = [
+  postcssImport(),
+  postcssPresetEnv({
+    stage: 1,
+    features: {
+      "nesting-rules": false,
+    },
+  }),
+  postcssUtilities(),
+  postcssNesting(),
+]
+
+if (process.env.NODE_ENV === "production") {
+  console.log("Adding PurgeCSS")
+  plugins.push(
+    purgeCSSPlugin({
+      content: [
+        "./src/**/*.{html,js,jsx,ts,tsx}", // Removed .astro, added Next.js patterns
+        "./content/**/*.{md,mdx}",
+      ],
+      safelist: ["html", "body"],
+      variables: true
+    })
+  )
+}
+
+export default {
+  plugins
+}