routing

web/dist/app.css

@@ -0,0 +1 @@
+body{margin:0;font-family:"IBM Plex Sans",sans-serif;background:#0c0a09;color:#f5f5f4}a{color:inherit}button{cursor:pointer}

web/dist/app.js

@@ -0,0 +1 @@
+document.documentElement.dataset.js="ready";

web/dist/manifest.json

@@ -0,0 +1,4 @@
+{
+  "app.css": "/dist/app.css",
+  "app.js": "/dist/app.js"
+}

web/src/app.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --cta-glow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+
+  body {
+    font-family: "IBM Plex Sans", sans-serif;
+  }
+
+  h1, h2, h3 {
+    font-family: "Cormorant Garamond", serif;
+  }
+}
+
+@layer components {
+  button[type='submit'] {
+    box-shadow: var(--cta-glow);
+  }
+}

web/src/app.js

@@ -0,0 +1,12 @@
+const root = document.documentElement;
+root.dataset.js = "ready";
+
+const cartButton = document.querySelector("button[type='submit']");
+if (cartButton) {
+  cartButton.addEventListener("mouseenter", () => {
+    root.style.setProperty("--cta-glow", "0 0 0 4px rgba(252, 211, 77, 0.12)");
+  });
+  cartButton.addEventListener("mouseleave", () => {
+    root.style.setProperty("--cta-glow", "0 0 0 0 rgba(0,0,0,0)");
+  });
+}

web/write-manifest.mjs

@@ -0,0 +1,13 @@
+import { writeFileSync } from "node:fs";
+
+writeFileSync(
+  new URL("./dist/manifest.json", import.meta.url),
+  JSON.stringify(
+    {
+      "app.css": "/dist/app.css",
+      "app.js": "/dist/app.js",
+    },
+    null,
+    2,
+  ),
+);