/* ============================================================ house-style / webawesome-theme.css — the Creator Magic theme for Web Awesome (the Shoelace successor, self-hosted in ./webawesome). ------------------------------------------------------------ Web Awesome ships a layered default theme inside @layer wa-theme. This file is intentionally UNLAYERED, so its rules win over that layer without a specificity arms race. It maps Web Awesome's role-based custom properties (--wa-*) onto our own tokens.css variables, so a , , , , , , , and read as the same family as the rest of the shell: purple leads, dark surfaces, mono voice. Orange stays the spark, reserved for our bespoke .btn-spark (see shell.css) which is NOT a Web Awesome button. Load order in an app's : 1. tokens.css (our variables) 2. webawesome/styles/themes/default.css (Web Awesome's tokens) 3. webawesome-theme.css (this file: the mapping) 4. shell.css (our primitives) 5.