/* * One visual system for the nine simulator pages. * * The three simulators were written separately and then duplicated across three * languages, and the result was five different designs sharing one header: the * Day-to-Day pages were dark slate with a #2563eb blue, Data Literacy dark navy * with a #06b6d4 cyan, the English "Who Owns This?" a light page with its own * teal-and-orange Tailwind config, and the Spanish and Portuguese copies of that * one a hand-written stylesheet with a third set of colour names. Three * typefaces, three icon libraries and four card radii between them. A visitor * moving from the homepage into a simulator, or between two simulators, had no * reason to believe they were still on the same site. * * This file is the single answer to "what does a simulator look like". It is * loaded by all nine pages, straight after simulator-header.css, and it holds: * * 1. the design tokens, copied from the values the rest of the site already * uses (assets/styles.css :root, and the .simulators-section block that * the homepage frames these very simulators in); * 2. the dark teal console the app itself sits on; * 3. the .sim-* component classes the nine pages share -- cards, panels, * option buttons, meters, badges, buttons, tables, the welcome screen; * 4. the small number of overrides needed to bring the pages that still carry * their own inline