We have 3 kinds of styles:
- critical: CSS variables and appearance before media or shadow styles are loaded, optimised for small screens
- media: large screen page styles
- shadow: encapsulated in Shadow DOM of custom elements, with access to host CSS variables