routing

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)");
+  });
+}