/*
* storefront.css
* ══════════════════════════════════════════════════════════════════════════
* The shared look of the shop: palette, typography, header, footer, nav,
* buttons, cards, the product modal, and the responsive rules for all of it.
*
* WHY THIS FILE EXISTS
* --------------------
* index.html and store.html each carried their own ~29KB copy of this, and
* they had 285 selectors in common - 96% of the smaller one. Two nearly
* identical stylesheets maintained by hand. Adding product.html made three,
* and getting that page to match the store took several attempts precisely
* because "match the store" meant copying 29KB rather than adding one .
*
* Every visitor was also downloading the same 29KB twice, with no caching
* between pages, because inline CSS cannot be cached separately from the HTML.
*
* INDEX.HTML IS THE MASTER. This is its