Rework storefront into modules and tokenised styles

Split the 100-line script into catalog, cart, format, dom and main modules. Money is integer cents, the bag is capped and sanitised and syncs across tabs, and the view (category, sort) lives in the URL. Templates escape every interpolation. Rewrite the minified stylesheet as cascade layers on design tokens. Fixes heading tracking that collapsed word gaps, a 2.6:1 focus ring on the hero, 1.3:1 control borders, misaligned cart quantities, uneven product cards and undersized touch targets. Adds a favicon and a resolvable dialog label.
2026-11-07 21:18:38 -07:00
parent f39f67e3e4
commit 73fcc0548c
9 changed files with 1071 additions and 116 deletions
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#20392d"/><path d="M17 47V17h27v7H25v5h16v7H25v11z" fill="#fbfaf0"/><circle cx="46" cy="43" r="5" fill="#e2f596"/></svg>
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#20392d"/><path d="M17 47V17h27v7H25v5h16v7H25v11z" fill="#fbfaf0"/><circle cx="46" cy="43" r="5" fill="#e2f596"/></svg>`