/* Shared shell + design system for cleancopy.tools, deskuptime.com, bugbottle.dev and mahope.tools. Structure (family bar, header, container, footer, spacing) is identical on every page of a site. Identity (accent, type, surfaces) is chosen per product with data-product on : mahope — toolbox: neutral, Inter, violet accent cleancopy — editorial: serif headlines, paper surfaces, teal accent deskuptime — monitor: IBM Plex, cool surfaces, tabular figures, blue accent bugbottle — developer: mono headlines, ink surfaces, rust accent Light by default; dark via prefers-color-scheme or data-theme (theme button). Variable names are kept from the previous stylesheet so per-page