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 ddad4af7fd
commit bd89201e25
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>`