css-is-awesome 1.19.0 → 1.19.2

package/AGENTS.md

@@ -365,7 +365,7 @@ Either way it exposes **33 tools** across 8 families:
   into a complete theme.css — every required token the file lacks inherits from a shipped base theme (`--base`,
   default boilerplate), unmapped paths pass through verbatim and are reported, a `--dark` file or paired
   `color-light`/`color-dark` groups become `light-dark()`, and the validator + WCAG audit run before anything is
-  written. Same function as the MCP `theme_from_tokens` tool. Run any verb with `--help`. (`cia init` remains
+  written. Same function as the MCP `theme_from_tokens` tool; `npx cia theme map [--json] [--path <token.path>]` prints the design-token → cia-token mapping that verb applies (same data as the MCP `get_token_map` tool), for anyone who needs to map one token name the way the converter would. Run any verb with `--help`. (`cia init` remains
   planned.)
 - **JSON token export** — Tokens Studio-format sample in `figma-tokens/tokens.json`; it round-trips through `cia theme from-tokens` (paired light/dark groups → one `light-dark()` theme).
 - **`llm.txt`** — at the repo root and served from the docs site; single-fetch

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [1.19.2](https://github.com/Jerry2d3d/css-is-awesome/compare/v1.19.1...v1.19.2) (2026-09-23)
+
+
+### Bug Fixes
+
+* **themes:** clear 56 of 88 contrast warnings, none of them visible ([b756dcb](https://github.com/Jerry2d3d/css-is-awesome/commit/b756dcbb6e959868299095f009b4227104406c00))
+
+## [1.19.1](https://github.com/Jerry2d3d/css-is-awesome/compare/v1.19.0...v1.19.1) (2026-09-23)
+
+
+### Bug Fixes
+
+* **cli:** paired light/dark modes carried only colours; export the in-process entry point ([f1fe71f](https://github.com/Jerry2d3d/css-is-awesome/commit/f1fe71f8a91a8e7bf59e0b9e830585701beb9160))
+
+
+### Features
+
+* **site:** cross-link the posts that explain a browser-support row (B6.4) ([44f40d8](https://github.com/Jerry2d3d/css-is-awesome/commit/44f40d8bf278113a81f7f2b643ad52390fb1af25))
+
 # [1.19.0](https://github.com/Jerry2d3d/css-is-awesome/compare/v1.18.0...v1.19.0) (2026-09-19)
 
 

package/README.md

@@ -417,7 +417,7 @@ Full detail: [`/docs/testing`](https://cssisawesome.com/docs/testing/).
 
 **Stable, [published on npm](https://www.npmjs.com/package/css-is-awesome)** (first published 2026-09-01). The mixin API, functions, token contract, and theme architecture are stable and under strict SemVer — breaking changes require a major bump. See [`VERSIONING.md`](./VERSIONING.md) for the policy.
 
-The 1.0 surface is the v0.8 mixin-first reframe — twelve mixin renames, theme system collapsed to 8 single-file theme families, six zero-JS components, intrinsic-layout vocabulary, opt-in utilities — plus the recipes book, the Tailwind/Bootstrap migration on-ramp, print/PDF support, and the 33-tool MCP server (now also available zero-install via the companion [`css-is-awesome-mcp`](https://www.npmjs.com/package/css-is-awesome-mcp) package). The npm package ships ZERO runtime JavaScript by hard rule — nothing in it is loaded by a page; its Node tooling (CLI, MCP server, validators) never reaches the browser.
+The 1.0 surface is the v0.8 mixin-first reframe — twelve mixin renames, theme system collapsed to 8 single-file theme families, six zero-JS components, intrinsic-layout vocabulary, opt-in utilities — plus the recipes book, the Tailwind/Bootstrap migration on-ramp, print/PDF support, the in-browser [Playground](https://cssisawesome.com/playground/), the design-tokens on-ramp (`npx cia theme from-tokens` / `theme map`), and the 33-tool MCP server (now also available zero-install via the companion [`css-is-awesome-mcp`](https://www.npmjs.com/package/css-is-awesome-mcp) package). The npm package ships ZERO runtime JavaScript by hard rule — nothing in it is loaded by a page; its Node tooling (CLI, MCP server, validators) never reaches the browser.
 
 See [CHANGELOG.md](./CHANGELOG.md) for the full history and [MIGRATION.md](./MIGRATION.md) for the v0.7 → v0.8 and v0.8 → v1.0 upgrade paths.
 

package/dist/tokens.d.ts

@@ -1,4 +1,4 @@
-// Generated from scripts/theme-contract.json on 2026-09-19.
+// Generated from scripts/theme-contract.json on 2026-09-23.
 // Do not edit by hand. Run `npm run build:token-types` to regenerate.
 
 /** Every CSS custom property cia themes are required to declare. */

package/llm.txt

@@ -198,4 +198,4 @@ Humans first. AI's role is to compose, not to lead the pitch.
 
 ---
 
-*Generated 2026-05-21 for cia v0.8. Updated 2026-05-23 for the v1.0 architecture lock, 2026-08-30 for the theme single-source rework (24 themes, 127+36 contract, themeable spacing, `:root, :root[data-theme]` selector), and 2026-09-04 for the shipped recipes count (5), the mobile-nav mixin family, and the dropdown popover guard. Update when the API surface changes.*
+*Generated 2026-05-21 for cia v0.8. Updated 2026-05-23 for the v1.0 architecture lock, 2026-08-30 for the theme single-source rework (24 themes, 127+36 contract, themeable spacing, `:root, :root[data-theme]` selector), 2026-09-04 for the shipped recipes count (5), the mobile-nav mixin family, and the dropdown popover guard, and 2026-09-19 for the 32-recipe book, 33-tool MCP, contract 1.2 (127 + 41 in 10 features), the playground and the design-tokens on-ramp. Update when the API surface changes.*

package/mcp/server.cjs

@@ -34,13 +34,13 @@
  *     "mcpServers": {
  *       "css-is-awesome": {
  *         "command": "node",
- *         "args": ["K:/Repo/css-is-awesome/mcp/server.cjs"]
+ *         "args": ["node_modules/css-is-awesome/mcp/server.cjs"]
  *       }
  *     }
  *   }
  *
- * Aligned with the canonical sibling MCP shape: ui-ux-builder, ideas-master,
- * video-maker. Response envelope is `{ total, items }` for list/search;
+ * Aligned with the canonical sibling MCP shape used across our other servers.
+ * Response envelope is `{ total, items }` for list/search;
  * get_* tools return the full record.
  */
 
@@ -1402,7 +1402,8 @@ async function startServer() {
       '{ "--token": value } map. Format is auto-detected. Every REQUIRED contract token the file does not supply ' +
       'is inherited from a shipped base theme (default boilerplate) and listed in report.inherited, so the output ' +
       'is always contract-complete; unmapped paths are emitted verbatim and listed in report.unmapped, never ' +
-      'dropped. Pass `dark` (same format) or a single file with paired color-light/color-dark groups to get ' +
+      'dropped. Pass `dark` (same format), or one file with paired top-level groups — `light`/`dark` (each a full '
+      + 'token set) or `color-light`/`color-dark` (each a colour set) — to get ' +
       'light-dark() values. Returns { css, report, validation } — validation is the same result validate_theme ' +
       'gives, run on the CSS before you write it anywhere.',
     inputSchema: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-is-awesome",
-  "version": "1.19.0",
+  "version": "1.19.2",
   "description": "A token-driven SCSS design system with light/dark theming, semantic color tokens, and a 800+ LOC mixin API.",
   "homepage": "https://github.com/Jerry2d3d/css-is-awesome#readme",
   "bugs": {
@@ -41,6 +41,10 @@
     "./scss/main": "./scss/main.scss",
     "./scss/tokens": "./scss/tokens.scss",
     "./scss/mixins": "./scss/_mixins.scss",
+    "./scripts/tokens-to-theme.cjs": "./scripts/tokens-to-theme.cjs",
+    "./scripts/tokens-to-theme": "./scripts/tokens-to-theme.cjs",
+    "./scripts/theme-validator.js": "./scripts/theme-validator.js",
+    "./mcp/server.cjs": "./mcp/server.cjs",
     "./scss/generator": "./scss/_generator.scss",
     "./scss/utilities": "./scss/_utilities.scss",
     "./scss/animations": "./scss/_animations.scss",

package/public/theme.css

@@ -38,14 +38,14 @@
   --ink-soft: light-dark(#1e293b, #e2e8f0);
   --ink-faint: light-dark(#475569, #94a3b8);
   --graphite: light-dark(#0f172a, #f1f5f9);
-  --muted: light-dark(#64748b, #64748b);
+  --muted: light-dark(#718299, #64748b);
   /* Lines */
   --guide: light-dark(#cbd5e1, #334155);
   --guide-soft: light-dark(#e2e8f0, #1e293b);
   --hair: light-dark(#e2e8f0, #1e293b);
   --hair-soft: light-dark(#f1f5f9, #0f172a);
   /* Primary accent */
-  --ai: light-dark(#2563eb, #3b82f6);
+  --ai: light-dark(#2563eb, #3d85f9);
   --ai-ink: light-dark(#1d4ed8, #60a5fa);
   --ai-wash: light-dark(#eff6ff, #1e3a8a);
   /* Seal — red */
@@ -58,9 +58,9 @@
   --code-bg: light-dark(#f8fafc, #020617);
   --code-ink: light-dark(#0f172a, #e2e8f0);
   --code-muted: light-dark(#5E6D83, #6F8098);
-  --code-accent: light-dark(#C1410C, #fb923c);
+  --code-accent: light-dark(#c0400b, #fb923c);
   --code-green: light-dark(#147C3B, #4ade80);
-  --code-blue: light-dark(#2362EB, #60a5fa);
+  --code-blue: light-dark(#2361ea, #60a5fa);
   /* Typography — system stacks, no @import, identical */
   --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-script: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -139,10 +139,10 @@
   --info-text: light-dark(var(--ai-ink), #85BFFF);
   --success-default: light-dark(#16a34a, #22c55e);
   --success-subtle: light-dark(#f0fdf4, #14532d);
-  --success-text: light-dark(#15803d, #4ade80);
+  --success-text: light-dark(#0e7c3a, #4ade80);
   --warning-default: var(--ochre);
   --warning-subtle: var(--ochre-wash);
-  --warning-text: light-dark(#b45309, #fbbf24);
+  --warning-text: light-dark(#b15003, #fbbf24);
   --error-default: var(--shu);
   --error-subtle: var(--shu-wash);
   --error-text: light-dark(#b91c1c, #fca5a5);
@@ -202,14 +202,14 @@
   --ink-soft: #e2e8f0;
   --ink-faint: #94a3b8;
   --graphite: #f1f5f9;
-  --muted: #64748b;
+  --muted: #718299;
   /* Lines — dark slate borders */
   --guide: #334155;
   --guide-soft: #1e293b;
   --hair: #1e293b;
   --hair-soft: #0f172a;
   /* Primary accent — brighter blue for dark surfaces */
-  --ai: #3b82f6;
+  --ai: #3d85f9;
   --ai-ink: #60a5fa;
   --ai-wash: #1e3a8a;
   /* Seal — red */
@@ -395,10 +395,10 @@
   /* Code — neutral light syntax surface */
   --code-bg: #f8fafc;
   --code-ink: #0f172a;
-  --code-muted: #64748b;
-  --code-accent: #c2410c;
-  --code-green: #15803d;
-  --code-blue: #2563eb;
+  --code-muted: #5e6d84;
+  --code-accent: #c04009;
+  --code-green: #0e7c3a;
+  --code-blue: #2461e9;
   /* Typography — system stacks only (no @import) */
   --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-script: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -484,11 +484,11 @@
   /* Status — success */
   --success-default: #16a34a;
   --success-subtle: #f0fdf4;
-  --success-text: #15803d;
+  --success-text: #0e7c3a;
   /* Status — warning */
   --warning-default: var(--ochre);
   --warning-subtle: var(--ochre-wash);
-  --warning-text: #b45309;
+  --warning-text: #b15003;
   /* Status — error */
   --error-default: var(--shu);
   --error-subtle: var(--shu-wash);
@@ -550,18 +550,18 @@
   --ink-soft: light-dark(#3A3A3C, #C7C7CC);
   --ink-faint: light-dark(#66666B, #98989D);
   --graphite: light-dark(#2C2C2E, #AEAEB2);
-  --muted: light-dark(#6E6E73, #6E6E73);
+  --muted: light-dark(#84858a, #6E6E73);
   /* Hairlines — solid in light, translucent white in dark */
   --guide: light-dark(#D2D2D7, rgba(255, 255, 255, 0.16));
   --guide-soft: light-dark(#E5E5EA, rgba(255, 255, 255, 0.08));
   --hair: light-dark(#D2D2D7, rgba(255, 255, 255, 0.12));
   --hair-soft: light-dark(#E5E5EA, rgba(255, 255, 255, 0.06));
   /* Primary accent — Apple system blue (dark variant brighter) */
-  --ai: light-dark(#005EBB, #0A84FF);
+  --ai: light-dark(#005EBB, #1e8eff);
   --ai-ink: light-dark(#0058B0, #409CFF);
   --ai-wash: light-dark(#E5F0FB, rgba(10, 132, 255, 0.16));
   /* Seal — Apple system red */
-  --shu: light-dark(#FF3B30, #FF453A);
+  --shu: light-dark(#f73229, #FF453A);
   --shu-wash: light-dark(#FFEAE8, rgba(255, 69, 58, 0.16));
   /* Accent — Apple system orange */
   --ochre: light-dark(#FF9F0A, #FF9F0A);
@@ -724,14 +724,14 @@
   --ink-soft: #C7C7CC;
   --ink-faint: #98989D;
   --graphite: #AEAEB2;
-  --muted: #6E6E73;
+  --muted: #84858a;
   /* Hairlines / guides — translucent white */
   --guide: rgba(255, 255, 255, 0.16);
   --guide-soft: rgba(255, 255, 255, 0.08);
   --hair: rgba(255, 255, 255, 0.12);
   --hair-soft: rgba(255, 255, 255, 0.06);
   /* Primary accent — Apple system blue (dark variant) */
-  --ai: #0A84FF;
+  --ai: #1e8eff;
   --ai-ink: #409CFF;
   --ai-wash: rgba(10, 132, 255, 0.16);
   /* Seal — Apple system red (dark variant) */
@@ -926,7 +926,7 @@
   --ai-ink: #0058B0;
   --ai-wash: #E5F0FB;
   /* Seal — system red */
-  --shu: #FF3B30;
+  --shu: #f73229;
   --shu-wash: #FFEAE8;
   /* Accent — system orange / amber */
   --ochre: #FF9F0A;
@@ -1122,18 +1122,18 @@
   --ink-soft: light-dark(#3A3A3C, #C8CFE0);
   --ink-faint: light-dark(#65656A, #8A92A8);
   --graphite: light-dark(#2C2C2E, #DCE2F0);
-  --muted: light-dark(#6E6E73, #5A627A);
+  --muted: light-dark(#6E6E73, #727b93);
   /* Construction lines — translucent */
   --guide: light-dark(rgba(29, 29, 31, 0.14), rgba(240, 244, 255, 0.16));
   --guide-soft: light-dark(rgba(29, 29, 31, 0.10), rgba(240, 244, 255, 0.08));
   --hair: light-dark(rgba(29, 29, 31, 0.08), rgba(240, 244, 255, 0.12));
   --hair-soft: light-dark(rgba(29, 29, 31, 0.04), rgba(240, 244, 255, 0.06));
   /* Primary accent — iOS indigo / vibrant dark blue */
-  --ai: light-dark(#5957E2, #6FA9FF);
+  --ai: light-dark(#5653de, #6FA9FF);
   --ai-ink: light-dark(#3634A3, #93C2FF);
   --ai-wash: light-dark(rgba(89, 87, 226, 0.12), rgba(111, 169, 255, 0.16));
   /* Seal — iOS system pink */
-  --shu: light-dark(#FF375F, #FF6B8A);
+  --shu: light-dark(#f32856, #FF6B8A);
   --shu-wash: light-dark(rgba(255, 55, 95, 0.12), rgba(255, 107, 138, 0.16));
   /* Draft / marginalia — iOS orange */
   --ochre: light-dark(#FF9500, #FFC56B);
@@ -1143,7 +1143,7 @@
   --code-ink: light-dark(#F5F5F7, #F0F4FF);
   --code-muted: light-dark(#BCBCC0, #8A92A8);
   --code-accent: #FFD60A;
-  --code-green: light-dark(#30D158, #5FE37F);
+  --code-green: light-dark(#3ad85e, #5FE37F);
   --code-blue: light-dark(#64D2FF, #93C2FF);
   /* Typography — SF stack, identical */
   --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
@@ -1321,7 +1321,7 @@
   --ink-soft: #C8CFE0;
   --ink-faint: #8A92A8;
   --graphite: #DCE2F0;
-  --muted: #5A627A;
+  --muted: #727b93;
   /* Construction lines — translucent white hairlines */
   --guide: rgba(240, 244, 255, 0.16);
   --guide-soft: rgba(240, 244, 255, 0.08);
@@ -1519,11 +1519,11 @@
   --hair: rgba(29, 29, 31, 0.08);
   --hair-soft: rgba(29, 29, 31, 0.04);
   /* Primary accent — iOS indigo */
-  --ai: #5957E2;
+  --ai: #5653de;
   --ai-ink: #3634A3;
   --ai-wash: rgba(89, 87, 226, 0.12);
   /* Seal — iOS system pink (draft / emphasis) */
-  --shu: #FF375F;
+  --shu: #f32856;
   --shu-wash: rgba(255, 55, 95, 0.12);
   /* Draft / marginalia — iOS orange */
   --ochre: #FF9500;
@@ -1533,7 +1533,7 @@
   --code-ink: #F5F5F7;
   --code-muted: #BABABE;
   --code-accent: #FFD60A;
-  --code-green: #30D158;
+  --code-green: #3ad85e;
   --code-blue: #64D2FF;
   /* Typography — SF system stack */
   --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
@@ -1714,14 +1714,14 @@
   --ink-soft: light-dark(#3A4048, #C7C7CC);
   --ink-faint: light-dark(#5E646D, #98989D);
   --graphite: light-dark(#2A2F36, #AEAEB2);
-  --muted: light-dark(#878D95, #6A6A6E);
+  --muted: light-dark(#6a7078, #6A6A6E);
   /* Construction lines — translucent ink (light) / translucent white (dark) */
   --guide: light-dark(rgba(26, 31, 38, 0.16), rgba(255, 255, 255, 0.16));
   --guide-soft: light-dark(rgba(26, 31, 38, 0.08), rgba(255, 255, 255, 0.08));
   --hair: light-dark(rgba(26, 31, 38, 0.12), rgba(255, 255, 255, 0.12));
   --hair-soft: light-dark(rgba(26, 31, 38, 0.06), rgba(255, 255, 255, 0.06));
   /* Primary accent — cool blue-gray (light) / Apple dark blue (dark) */
-  --ai: light-dark(#4A6585, #0A84FF);
+  --ai: light-dark(#4A6585, #178aff);
   --ai-ink: light-dark(#2F4866, #409CFF);
   --ai-wash: light-dark(rgba(74, 101, 133, 0.10), rgba(10, 132, 255, 0.14));
   /* Seal */
@@ -1734,8 +1734,8 @@
   --code-bg: light-dark(#F6F7F9, #0D0D0F);
   --code-ink: light-dark(#1A1F26, #E8E8ED);
   --code-muted: light-dark(#666B73, #818186);
-  --code-accent: light-dark(#87652B, #FFB86C);
-  --code-green: light-dark(#3D7746, #A8E6A1);
+  --code-accent: light-dark(#86642a, #FFB86C);
+  --code-green: light-dark(#3d7646, #A8E6A1);
   --code-blue: light-dark(#4A6585, #9AD4F7);
   /* Typography — SF stack, identical */
   --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
@@ -1815,7 +1815,7 @@
   --info-text: light-dark(var(--ai-ink), #409CFF);
   --success-default: light-dark(#28A745, #30D158);
   --success-subtle: light-dark(rgba(40, 167, 69, 0.10), rgba(48, 209, 88, 0.14));
-  --success-text: light-dark(#1B7530, #5FE37F);
+  --success-text: light-dark(#1b7530, #5FE37F);
   --warning-default: var(--ochre);
   --warning-subtle: light-dark(rgba(181, 135, 58, 0.10), rgba(255, 159, 10, 0.14));
   --warning-text: light-dark(#7A5A22, #FFB340);
@@ -1878,14 +1878,14 @@
   --ink-soft: #C7C7CC;
   --ink-faint: #98989D;
   --graphite: #AEAEB2;
-  --muted: #6A6A6E;
+  --muted: #818286;
   /* Construction lines — translucent white hairlines */
   --guide: rgba(255, 255, 255, 0.16);
   --guide-soft: rgba(255, 255, 255, 0.08);
   --hair: rgba(255, 255, 255, 0.12);
   --hair-soft: rgba(255, 255, 255, 0.06);
   /* Primary accent — Apple dark-mode system blue */
-  --ai: #0A84FF;
+  --ai: #178aff;
   --ai-ink: #409CFF;
   --ai-wash: rgba(10, 132, 255, 0.14);
   /* Seal — Apple dark-mode red (reserve for emphasis) */
@@ -2070,7 +2070,7 @@
   --ink-soft: #3A4048;
   --ink-faint: #5E646D;
   --graphite: #2A2F36;
-  --muted: #878D95;
+  --muted: #6a7078;
   /* Construction lines — translucent ink hairlines */
   --guide: rgba(26, 31, 38, 0.16);
   --guide-soft: rgba(26, 31, 38, 0.08);
@@ -2091,7 +2091,7 @@
   --code-ink: #1A1F26;
   --code-muted: #656A72;
   --code-accent: #86642B;
-  --code-green: #3F7A48;
+  --code-green: #3c7645;
   --code-blue: #4A6585;
   /* Typography — match Graphite (SF system stack) */
   --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
@@ -2181,7 +2181,7 @@
   /* Status — success (Apple light-mode green) */
   --success-default: #28A745;
   --success-subtle: rgba(40, 167, 69, 0.10);
-  --success-text: #1B7530;
+  --success-text: #1b7530;
   /* Status — warning */
   --warning-default: var(--ochre);
   --warning-subtle: rgba(181, 135, 58, 0.10);
@@ -2254,9 +2254,9 @@
      ---------------------------------------------------------------- */
   --ink: light-dark(#0A0A0A, #FAFAF7);
   --ink-soft: light-dark(#555, #C8C6C0);
-  --ink-faint: light-dark(#727069, #8A8A86);
+  --ink-faint: light-dark(#6e6c66, #8A8A86);
   --graphite: light-dark(#1A1A1A, #ECEAE4);
-  --muted: light-dark(#8E8C86, #6B6963);
+  --muted: light-dark(#75736e, #6B6963);
   /* Rules / hairlines */
   --guide: light-dark(#1A1A1A, #ECEAE4);
   --guide-soft: light-dark(#D9D7D1, #2A2A2A);
@@ -2471,7 +2471,7 @@
   --ink-soft: #C8C6C0;
   --ink-faint: #8A8A86;
   --graphite: #ECEAE4;
-  --muted: #6B6963;
+  --muted: #7d7b74;
   /* Rules / hairlines — thin editorial rules on dark */
   --guide: #ECEAE4;
   --guide-soft: #2A2A2A;
@@ -2660,9 +2660,9 @@
   /* Ink — warm near-black */
   --ink: #0A0A0A;
   --ink-soft: #555;
-  --ink-faint: #727069;
+  --ink-faint: #6e6c66;
   --graphite: #1A1A1A;
-  --muted: #8E8C86;
+  --muted: #75736e;
   /* Rules / hairlines — thin editorial rules */
   --guide: #1A1A1A;
   --guide-soft: #D9D7D1;
@@ -2892,7 +2892,7 @@
   --code-bg: light-dark(#fafafa, #0a0a0a);
   --code-ink: light-dark(#18181b, #e4e4e7);
   --code-muted: light-dark(#6B6B73, #808089);
-  --code-accent: light-dark(#C1410C, #fb923c);
+  --code-accent: light-dark(#c0410b, #fb923c);
   --code-green: light-dark(#117D39, #4ade80);
   --code-blue: light-dark(#2462EB, #60a5fa);
   /* Typography — identical across modes */
@@ -2970,7 +2970,7 @@
   --info-text: light-dark(var(--ai-ink), #85BFFF);
   --success-default: light-dark(#16a34a, #22c55e);
   --success-subtle: light-dark(#f0fdf4, #14532d);
-  --success-text: light-dark(#15803d, #4ade80);
+  --success-text: light-dark(#0e7c3a, #4ade80);
   --warning-default: light-dark(#ca8a04, #eab308);
   --warning-subtle: light-dark(#fefce8, #422006);
   --warning-text: light-dark(#854d0e, #fde047);
@@ -3242,10 +3242,10 @@
   /* Code — light syntax surface */
   --code-bg: #fafafa;
   --code-ink: #18181b;
-  --code-muted: #71717a;
-  --code-accent: #c2410c;
+  --code-muted: #6c6b74;
+  --code-accent: #c1400b;
   --code-green: #117C38;
-  --code-blue: #2563eb;
+  --code-blue: #2462e9;
   /* Typography */
   --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-script: 'Inter', cursive;
@@ -3331,7 +3331,7 @@
   /* Status — success */
   --success-default: #16a34a;
   --success-subtle: #f0fdf4;
-  --success-text: #15803d;
+  --success-text: #0e7c3a;
   /* Status — warning */
   --warning-default: #ca8a04;
   --warning-subtle: #fefce8;
@@ -3404,9 +3404,9 @@
   /* Ink — warm pencil + sumi / warm cream */
   --ink: light-dark(#2A241E, #F4EFE2);
   --ink-soft: light-dark(#4A4037, #D8D0BE);
-  --ink-faint: light-dark(#726858, #A89E89);
+  --ink-faint: light-dark(#706757, #A89E89);
   --graphite: light-dark(#3A332B, #E8E0CE);
-  --muted: light-dark(#948977, #7A715F);
+  --muted: light-dark(#786e5d, #89806d);
   /* Construction lines */
   --guide: light-dark(#C9BDA5, #4A4239);
   --guide-soft: light-dark(#DDD4C0, #382F27);
@@ -3567,7 +3567,7 @@
   --ink-soft: #D8D0BE;
   --ink-faint: #A89E89;
   --graphite: #E8E0CE;
-  --muted: #7A715F;
+  --muted: #89806d;
   /* Construction lines — warm dark hairlines */
   --guide: #4A4239;
   --guide-soft: #382F27;
@@ -3747,9 +3747,9 @@
   /* Ink — warm pencil + sumi */
   --ink: #2A241E;
   --ink-soft: #4A4037;
-  --ink-faint: #726858;
+  --ink-faint: #706757;
   --graphite: #3A332B;
-  --muted: #948977;
+  --muted: #786e5d;
   /* Construction lines */
   --guide: #C9BDA5;
   --guide-soft: #DDD4C0;
@@ -3937,7 +3937,7 @@
   --paper-glass: rgba(79, 224, 120, 0.06);
   /* Ink — phosphor green on the tube */
   --ink: #4FE078;
-  --ink-soft: #2A8B42;
+  --ink-soft: #34944a;
   --ink-faint: #3DAF4F;
   --graphite: #1A3D22;
   --muted: #2A8B42;
@@ -4105,7 +4105,7 @@
   --paper-glass: rgba(79, 224, 120, 0.06);
   /* Ink — phosphor green on the tube */
   --ink: #4FE078;
-  --ink-soft: #2A8B42;
+  --ink-soft: #34944a;
   --ink-faint: #3DAF4F;
   --graphite: #1A3D22;
   --muted: #2A8B42;
@@ -4127,7 +4127,7 @@
   /* Code surface */
   --code-bg: #070A07;
   --code-ink: #4FE078;
-  --code-muted: #2A8B42;
+  --code-muted: #329248;
   --code-accent: #F0A030;
   --code-green: #8FFCA8;
   --code-blue: #7FDBFF;
@@ -4309,9 +4309,9 @@
   /* Ink — near-black mono */
   --ink: #1A1A1A;
   --ink-soft: #404040;
-  --ink-faint: #666;
+  --ink-faint: #626161;
   --graphite: #0A0A0A;
-  --muted: #7C7C7C;
+  --muted: #696868;
   /* Hairlines — medium gray */
   --guide: #B8B8B8;
   --guide-soft: #C8C8C8;
@@ -4330,9 +4330,9 @@
   /* Code surface */
   --code-bg: #DDD;
   --code-ink: #1A1A1A;
-  --code-muted: #5B5B5B;
+  --code-muted: #5b5a5a;
   --code-accent: #934407;
-  --code-green: #006A28;
+  --code-green: #006928;
   --code-blue: #0451A5;
   /* Typography — mono everywhere */
   --font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', ui-monospace, Consolas, Menlo, 'Courier New', monospace;

package/public/themes/boilerplate/theme.css

@@ -11,14 +11,14 @@
   --ink-soft: light-dark(#1e293b, #e2e8f0);
   --ink-faint: light-dark(#475569, #94a3b8);
   --graphite: light-dark(#0f172a, #f1f5f9);
-  --muted: light-dark(#64748b, #64748b);
+  --muted: light-dark(#718299, #64748b);
   /* Lines */
   --guide: light-dark(#cbd5e1, #334155);
   --guide-soft: light-dark(#e2e8f0, #1e293b);
   --hair: light-dark(#e2e8f0, #1e293b);
   --hair-soft: light-dark(#f1f5f9, #0f172a);
   /* Primary accent */
-  --ai: light-dark(#2563eb, #3b82f6);
+  --ai: light-dark(#2563eb, #3d85f9);
   --ai-ink: light-dark(#1d4ed8, #60a5fa);
   --ai-wash: light-dark(#eff6ff, #1e3a8a);
   /* Seal — red */
@@ -31,9 +31,9 @@
   --code-bg: light-dark(#f8fafc, #020617);
   --code-ink: light-dark(#0f172a, #e2e8f0);
   --code-muted: light-dark(#5E6D83, #6F8098);
-  --code-accent: light-dark(#C1410C, #fb923c);
+  --code-accent: light-dark(#c0400b, #fb923c);
   --code-green: light-dark(#147C3B, #4ade80);
-  --code-blue: light-dark(#2362EB, #60a5fa);
+  --code-blue: light-dark(#2361ea, #60a5fa);
   /* Typography — system stacks, no @import, identical */
   --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-script: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -112,10 +112,10 @@
   --info-text: light-dark(var(--ai-ink), #85BFFF);
   --success-default: light-dark(#16a34a, #22c55e);
   --success-subtle: light-dark(#f0fdf4, #14532d);
-  --success-text: light-dark(#15803d, #4ade80);
+  --success-text: light-dark(#0e7c3a, #4ade80);
   --warning-default: var(--ochre);
   --warning-subtle: var(--ochre-wash);
-  --warning-text: light-dark(#b45309, #fbbf24);
+  --warning-text: light-dark(#b15003, #fbbf24);
   --error-default: var(--shu);
   --error-subtle: var(--shu-wash);
   --error-text: light-dark(#b91c1c, #fca5a5);

package/public/themes/boilerplate-dark/theme.css

@@ -11,14 +11,14 @@
   --ink-soft: #e2e8f0;
   --ink-faint: #94a3b8;
   --graphite: #f1f5f9;
-  --muted: #64748b;
+  --muted: #718299;
   /* Lines — dark slate borders */
   --guide: #334155;
   --guide-soft: #1e293b;
   --hair: #1e293b;
   --hair-soft: #0f172a;
   /* Primary accent — brighter blue for dark surfaces */
-  --ai: #3b82f6;
+  --ai: #3d85f9;
   --ai-ink: #60a5fa;
   --ai-wash: #1e3a8a;
   /* Seal — red */

package/public/themes/boilerplate-light/theme.css

@@ -30,10 +30,10 @@
   /* Code — neutral light syntax surface */
   --code-bg: #f8fafc;
   --code-ink: #0f172a;
-  --code-muted: #64748b;
-  --code-accent: #c2410c;
-  --code-green: #15803d;
-  --code-blue: #2563eb;
+  --code-muted: #5e6d84;
+  --code-accent: #c04009;
+  --code-green: #0e7c3a;
+  --code-blue: #2461e9;
   /* Typography — system stacks only (no @import) */
   --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-script: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -119,11 +119,11 @@
   /* Status — success */
   --success-default: #16a34a;
   --success-subtle: #f0fdf4;
-  --success-text: #15803d;
+  --success-text: #0e7c3a;
   /* Status — warning */
   --warning-default: var(--ochre);
   --warning-subtle: var(--ochre-wash);
-  --warning-text: #b45309;
+  --warning-text: #b15003;
   /* Status — error */
   --error-default: var(--shu);
   --error-subtle: var(--shu-wash);

package/public/themes/cupertino/theme.css

@@ -12,18 +12,18 @@
   --ink-soft: light-dark(#3A3A3C, #C7C7CC);
   --ink-faint: light-dark(#66666B, #98989D);
   --graphite: light-dark(#2C2C2E, #AEAEB2);
-  --muted: light-dark(#6E6E73, #6E6E73);
+  --muted: light-dark(#84858a, #6E6E73);
   /* Hairlines — solid in light, translucent white in dark */
   --guide: light-dark(#D2D2D7, rgba(255, 255, 255, 0.16));
   --guide-soft: light-dark(#E5E5EA, rgba(255, 255, 255, 0.08));
   --hair: light-dark(#D2D2D7, rgba(255, 255, 255, 0.12));
   --hair-soft: light-dark(#E5E5EA, rgba(255, 255, 255, 0.06));
   /* Primary accent — Apple system blue (dark variant brighter) */
-  --ai: light-dark(#005EBB, #0A84FF);
+  --ai: light-dark(#005EBB, #1e8eff);
   --ai-ink: light-dark(#0058B0, #409CFF);
   --ai-wash: light-dark(#E5F0FB, rgba(10, 132, 255, 0.16));
   /* Seal — Apple system red */
-  --shu: light-dark(#FF3B30, #FF453A);
+  --shu: light-dark(#f73229, #FF453A);
   --shu-wash: light-dark(#FFEAE8, rgba(255, 69, 58, 0.16));
   /* Accent — Apple system orange */
   --ochre: light-dark(#FF9F0A, #FF9F0A);

package/public/themes/cupertino-dark/theme.css

@@ -30,14 +30,14 @@
   --ink-soft: #C7C7CC;
   --ink-faint: #98989D;
   --graphite: #AEAEB2;
-  --muted: #6E6E73;
+  --muted: #84858a;
   /* Hairlines / guides — translucent white */
   --guide: rgba(255, 255, 255, 0.16);
   --guide-soft: rgba(255, 255, 255, 0.08);
   --hair: rgba(255, 255, 255, 0.12);
   --hair-soft: rgba(255, 255, 255, 0.06);
   /* Primary accent — Apple system blue (dark variant) */
-  --ai: #0A84FF;
+  --ai: #1e8eff;
   --ai-ink: #409CFF;
   --ai-wash: rgba(10, 132, 255, 0.16);
   /* Seal — Apple system red (dark variant) */