css-is-awesome 1.19.0 → 1.19.2

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

@@ -52,7 +52,7 @@
   --ai-ink: #0058B0;
   --ai-wash: #E5F0FB;
   /* Seal — system red */
-  --shu: #FF3B30;
+  --shu: #f73229;
   --shu-wash: #FFEAE8;
   /* Accent — system orange / amber */
   --ochre: #FF9F0A;

package/public/themes/glass/theme.css

@@ -12,18 +12,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);
@@ -33,7 +33,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;

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

@@ -31,7 +31,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);

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

@@ -55,11 +55,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;
@@ -69,7 +69,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;

package/public/themes/graphite/theme.css

@@ -12,14 +12,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 */
@@ -32,8 +32,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;
@@ -113,7 +113,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);

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

@@ -52,14 +52,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) */

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

@@ -30,7 +30,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);
@@ -51,7 +51,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;
@@ -141,7 +141,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);

package/public/themes/press/theme.css

@@ -14,9 +14,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);

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

@@ -29,7 +29,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;

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

@@ -44,9 +44,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;

package/public/themes/prism/theme.css

@@ -32,7 +32,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 */
@@ -110,7 +110,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);

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

@@ -45,10 +45,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;
@@ -134,7 +134,7 @@
   /* Status — success */
   --success-default: #16a34a;
   --success-subtle: #f0fdf4;
-  --success-text: #15803d;
+  --success-text: #0e7c3a;
   /* Status — warning */
   --warning-default: #ca8a04;
   --warning-subtle: #fefce8;

package/public/themes/sketchbook/theme.css

@@ -10,9 +10,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);

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

@@ -33,7 +33,7 @@
   --ink-soft: #D8D0BE;
   --ink-faint: #A89E89;
   --graphite: #E8E0CE;
-  --muted: #7A715F;
+  --muted: #89806d;
   /* Construction lines — warm dark hairlines */
   --guide: #4A4239;
   --guide-soft: #382F27;

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

@@ -9,9 +9,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;

package/public/themes/terminal/theme.css

@@ -9,7 +9,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;

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

@@ -44,7 +44,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;
@@ -66,7 +66,7 @@
   /* Code surface */
   --code-bg: #070A07;
   --code-ink: #4FE078;
-  --code-muted: #2A8B42;
+  --code-muted: #329248;
   --code-accent: #F0A030;
   --code-green: #8FFCA8;
   --code-blue: #7FDBFF;

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

@@ -10,9 +10,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;
@@ -31,9 +31,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/scripts/tokens-to-theme.cjs

@@ -48,8 +48,11 @@
 // LIGHT + DARK
 //   Pass `dark` (a second tokens object, same format) and every colour token
 //   that differs becomes `light-dark(light, dark)` with `color-scheme: light dark`.
-//   A single Tokens Studio file with paired top-level groups (`color-light` +
-//   `color-dark`, or `light` + `dark`) is split the same way automatically.
+//   A single file with paired top-level groups is split automatically, and the
+//   two conventions mean different things: `color-light`/`color-dark` name a
+//   COLOUR SET (children are colours), while `light`/`dark` name a MODE whose
+//   group holds a FULL token set — colours, spacing, fonts, component
+//   overrides — which merges beside any groups shared outside the pair.
 //   Without a dark side the block is single-mode: `color-scheme: <mode>`
 //   (`mode`, default light).
 // ============================================================================
@@ -490,6 +493,17 @@ function applyPathAliases(p) {
 
 /** Returns { token, mapped: true } or { token, mapped: false } (verbatim fallback). */
 function mapPath(tokenPath, contract) {
+  if (typeof tokenPath !== 'string' || !tokenPath.trim()) {
+    throw new Error('mapPath: first argument must be a non-empty token path, e.g. "color.text.primary"');
+  }
+  // The contract is optional: omit it and the installed one is loaded. It used
+  // to be required, but only the generic-rule branch touched it — so a path in
+  // the explicit table appeared to work and the mistake surfaced later as a
+  // TypeError on some other path. Fail clearly or not at all.
+  if (contract == null) contract = loadContract(path.join(__dirname, '..'));
+  else if (!contract.all || typeof contract.all.has !== 'function') {
+    throw new Error('mapPath: second argument must be a contract from loadContract(); omit it to load the installed contract automatically');
+  }
   if (TOKEN_MAP[tokenPath]) return { token: TOKEN_MAP[tokenPath], mapped: true };
   const aliased = applyPathAliases(tokenPath);
   if (TOKEN_MAP[aliased]) return { token: TOKEN_MAP[aliased], mapped: true };
@@ -498,6 +512,26 @@ function mapPath(tokenPath, contract) {
   // camelCase segments → kebab (linkHover → link-hover), one more try.
   const kebab = `--${aliased.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/\./g, '-').toLowerCase()}`;
   if (contract.all.has(kebab)) return { token: kebab, mapped: true };
+  // Flat per-component form: `component.btn-radius` → `--btn-radius`. The
+  // explicit table carries the nested shape (`component.button.radius`), and
+  // it is tried first; this catches exporters that flatten the group instead.
+  // Generic-rule first means this can never shadow a real `--component-*`.
+  const flat = aliased.replace(/^components?\./, '');
+  if (flat !== aliased) {
+    const body = flat.replace(/\./g, '-').toLowerCase();
+    // `component.btn-radius` → `--btn-radius`.
+    if (contract.all.has(`--${body}`)) return { token: `--${body}`, mapped: true };
+    // The contract names per-component overrides two ways: radius trails the
+    // component (`--card-radius`) but shadow, border and duration lead it
+    // (`--shadow-card`). A flat exporter cannot know which, so try the swap:
+    // `card-shadow` → `--shadow-card`, `button-hover-duration` →
+    // `--duration-button-hover`. Only accepted if it is a real token.
+    const cut = body.lastIndexOf('-');
+    if (cut > 0) {
+      const swapped = `--${body.slice(cut + 1)}-${body.slice(0, cut)}`;
+      if (contract.all.has(swapped)) return { token: swapped, mapped: true };
+    }
+  }
   return { token: generic, mapped: false };
 }
 
@@ -530,16 +564,35 @@ function loadBase(ciaRoot, base) {
 // ---------------------------------------------------------------------------
 // Paired-mode detection for a single Tokens Studio / DTCG file
 // ---------------------------------------------------------------------------
-const PAIRS = [['color-light', 'color-dark'], ['light', 'dark'], ['colors-light', 'colors-dark']];
+// Two different conventions look alike and must NOT be treated alike:
+//
+//   `color-light` / `color-dark`  name a COLOUR SET. The group's children are
+//        colours (`color-light.brand.primary`), so they nest under `color.`.
+//   `light` / `dark`              name a MODE. The group holds a FULL token
+//        set — `color.*`, `spacing.*`, `font.*`, `component.*` — so its
+//        children merge at the TOP level, beside any shared groups.
+//
+// Wrapping a mode group in `color.` (which this did for every pair until
+// 2026-09-19) silently mis-routed every non-colour group: `spacing.unit`
+// became `color.spacing.unit` → `--spacing-unit`, so the theme lost its
+// density knob while `validation.ok` stayed true, because the required token
+// was quietly inherited from the base theme instead. Reported by a consumer
+// against boilerplate's canonical DTCG layout.
+const PAIRS = [
+  { light: 'color-light', dark: 'color-dark', wrap: 'color' },
+  { light: 'colors-light', dark: 'colors-dark', wrap: 'color' },
+  { light: 'light', dark: 'dark', wrap: null },
+];
 
 function splitPairedModes(tokens) {
   if (!isPlainObject(tokens)) return null;
-  for (const [l, d] of PAIRS) {
+  for (const { light: l, dark: d, wrap } of PAIRS) {
     if (isPlainObject(tokens[l]) && isPlainObject(tokens[d])) {
       const rest = {};
       for (const [k, v] of Object.entries(tokens)) if (k !== l && k !== d) rest[k] = v;
-      const light = { ...rest, color: tokens[l] };
-      const dark = { ...rest, color: tokens[d] };
+      // Mode-specific groups win over shared ones on a key collision.
+      const light = wrap ? { ...rest, [wrap]: tokens[l] } : { ...rest, ...tokens[l] };
+      const dark = wrap ? { ...rest, [wrap]: tokens[d] } : { ...rest, ...tokens[d] };
       return { light, dark, groups: [l, d] };
     }
   }

package/scss/themes/boilerplate-dark.scss

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

package/scss/themes/boilerplate-light.scss

@@ -46,10 +46,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;
@@ -151,12 +151,12 @@
   /* 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);

package/scss/themes/boilerplate.scss

@@ -28,7 +28,7 @@
   --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);
@@ -37,7 +37,7 @@
   --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);
 
@@ -53,9 +53,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;
@@ -144,11 +144,11 @@
 
   --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);

package/scss/themes/cupertino-dark.scss

@@ -34,7 +34,7 @@
     --ink-soft:   #C7C7CC;
     --ink-faint:  #98989D;
     --graphite:   #AEAEB2;
-    --muted:      #6E6E73;
+    --muted:      #84858a;
 
     /* Hairlines / guides — translucent white */
     --guide:      rgba(255, 255, 255, 0.16);
@@ -43,7 +43,7 @@
     --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);
 

package/scss/themes/cupertino-light.scss

@@ -59,7 +59,7 @@
     --ai-wash:    #E5F0FB;
 
     /* Seal — system red */
-    --shu:        #FF3B30;
+    --shu:        #f73229;
     --shu-wash:   #FFEAE8;
 
     /* Accent — system orange / amber */

package/scss/themes/cupertino.scss

@@ -25,7 +25,7 @@
   --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));
@@ -34,12 +34,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 */

package/scss/themes/glass-dark.scss

@@ -35,7 +35,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);

package/scss/themes/glass-light.scss

@@ -61,12 +61,12 @@
     --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 */
@@ -78,7 +78,7 @@
     --code-ink:    #F5F5F7;
     --code-muted:  #BABABE;
     --code-accent: #FFD60A;
-    --code-green:  #30D158;
+    --code-green:  #3ad85e;
     --code-blue:   #64D2FF;
 
     /* Typography — SF system stack */

package/scss/themes/glass.scss

@@ -29,7 +29,7 @@
   --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));
@@ -38,12 +38,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 */
@@ -55,7 +55,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 */