CSS, JS & HTML Standards for Shopify Liquid Themes Core Principles 1. Progressive enhancement — semantic HTML first, CSS second, JS third 2. No external dependencies — native browser APIs only for JavaScript 3. Design tokens — never hardcode colors, spacing, or fonts 4. BEM naming — consistent class naming throughout 5. Defensive CSS — handle edge cases gracefully CSS in Liquid Themes Where CSS Lives | Location | Liquid? | Use For | |----------|---------|---------| | | No | Component-scoped styles (one per file) | | | Yes | Dynamic values needing Liquid (e.g., color settings) | | | No | Share…