sheleg-design-skill 1.64.0 → 1.64.2

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## 1.64.2 — derived palette facts and explicit calm fallback
+
+- Dark theme documentation now includes source-derived tables for almanac,
+  daylight, notation, outrank, proscenium, router, test-drive and vitrine. The
+  palette guard checks their values and required markers; four existing tables
+  retain a presence check. `scripts/sync-dark-palettes.py` refreshes marked tables.
+- Colour-distance disclosures name one pair per sentence and an explicit
+  qualifier. Unbound disclosure figures now fail the palette gate.
+- Reduced-motion guidance documents the existing keep-with-reason contract;
+  prism's point-cloud guidance names a static fallback and frame-loop shutdown.
+- Validation runs nightly and on deliberate ready-for-review promotion, with
+  manual dispatch retained for diagnostics. No push/synchronize trigger.
+- No CSS colour values or runtime installation changed; publication is a separate gate.
+  Evidence: [FW05 receipt](docs/evidence/runs/2026-10-13-fw05-design-facts.md).
+
+## 1.64.1 — a lightweight tag cannot publish a release
+
+- **The release refuses a lightweight tag.** `release.yml` gains one step, right after
+  checkout and before any gate: `git cat-file -t` on the tag must print `tag`; a `commit`
+  fails the job with the remedy (`git tag -a <tag> -m '<release>'` at the same commit)
+  before anything is published. `git describe` and `git submodule status` see annotated
+  tags only, and the 2026-10-09 family wave cut four lightweight member tags that the
+  umbrella then read as each member's previous release. The step is identical across the
+  family (umbrella plan 2026-10-10, T5 / REQ-6). Published tags are not re-cut.
+- No skill, reference or installer change.
+
 ## 1.64.0 — a published variable names its token, the family has one tier model, and a redesign starts from a capture
 
 A 2026-10-08 read of Figma's own guidance — *Claude Code for designers*, the MCP

package/README.md

@@ -336,6 +336,12 @@ These run **in a clone of this repository**. The published npm package ships no
 python3 test/validate.py   # or: npm test
 ```
 
+Marked dark-palette tables resolve their values from the shipped CSS graph.
+`python3 scripts/sync-dark-palettes.py --check` reports drift; `--write` refreshes
+the marked canonical tables and their Cursor mirror. The palette gate also
+requires every full theme twin to have a populated dark table and refuses
+unbound multi-pair disclosure figures. These are source checks, not render tests.
+
 `npm test` is **several gates**, not one, and `validate.py` alone is about a
 third of the contract:
 

package/cursor/rules/sheleg-design.mdc

@@ -183,8 +183,10 @@ Frequency decides before taste gets a vote. (Full doctrine:
 - **Reduced motion is a contract, not a feature.** Anything beyond a colour
   change honours `prefers-reduced-motion: reduce`; loops, parallax and springs
   collapse to static or instant, never to "slower"; an opacity or colour change that
-  carries state may stay. Shipping an animation without that branch is a bug, not a
-  polish item.
+  carries state may stay. Every time-valued token appears in that branch: collapse it
+  or re-declare it with a `KEPT` / `ON PURPOSE` / `deliberate` CSS reason and verify
+  the consumer stops (atrium removes its canvas; roster pauses its float animations).
+  Shipping an animation without that branch is a bug, not a polish item.
 - This section is adapted from `emilkowalski/skills` (MIT License, Copyright (c) 2026
   Emil Kowalski); the full notice ships in the skill's `KNOWLEDGE_PROVENANCE.md` and
   at https://github.com/emilkowalski/skills/blob/e8a175de22ae1e49370fc144c1f3bb9aeedf988d/LICENSE.

package/kits/test-drive/src/styles.css

@@ -354,10 +354,10 @@
   --focus-color: var(--accent); /* 4.82:1 on --bg — over the mark floor */
 
   /* DERIVED the way the light set was: each hue held, lightness raised until it
-     writes on both dark fields. The tight pairs move with the physics: --good and
-     --warn sit 7.2 apart under protanopia, --good and --danger 3.8 under
-     deuteranopia, --good and --info 4.0 under tritanopia — and the rule does not
-     change: a state is told apart by the word beside it, not by hue. */
+     writes on both dark fields. The tight pairs move with the physics. In dark, --good and
+     --warn sit 7.2 apart under protanopia. In dark, --good and --danger sit
+     3.8 under deuteranopia. In dark, --good and --info sit 4.0 under tritanopia.
+     A state is told apart by the word beside it, not by hue. */
   --good: #3ddc97; /* 9.33:1 on --bg, 8.56:1 on --surface */
   --warn: #ffd05c; /* 11.33:1 on --bg, 10.40:1 on --surface */
   --danger: #ff8095; /* 6.89:1 on --bg, 6.32:1 on --surface */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheleg-design-skill",
-  "version": "1.64.0",
+  "version": "1.64.2",
   "description": "Design taste as an installable agent skill. Cinematic scroll-driven landing pages built on one scroll clock and layered degrade-to-calm motion, a motion doctrine that decides whether to animate before it decides how, three calibration dials, and thirty-nine locked style packs with ready-made design tokens \u2014 instrument-console, editorial-luxury, workbench, briefing-room, atrium, orchard, outrank, babylove, patchbay, nameplate, field-notes, cyclorama, showroom, blueprint, prism, maquette, scoreboard, datasheet, manpage, pigeonhole, roster, ora, tenor, paperclip, ledger, router, daylight, notation, almanac, vitrine, proscenium, awning, bulletin, rimlight, onionskin, deskmate, test-drive, surveyor and chorus. Colour, slop and fork-reciprocity gates run as scripts, not opinions. Works with Cursor, Claude Code and any agent that reads a SKILL.md.",
   "bin": {
     "sheleg-design-skill": "bin/cli.js"

package/plugins/sheleg-design/.claude-plugin/plugin.json

@@ -3,7 +3,7 @@
   "name": "sheleg-design",
   "displayName": "SHELEG Design",
   "description": "SHELEG Design methodology: cinematic scroll-driven landing pages (single scroll clock, layered degrade-to-calm motion, WebGL particle formations), a motion doctrine that decides whether to animate before it decides how, and thirty-nine pluggable visual style packs, each with a ready-made token layer — instrument-console (near-black aerospace console; technical systems and infrastructure), editorial-luxury (cream and espresso; editorial, research, premium B2B), workbench (quiet light/dark UI; dashboards, admin, internal tools), briefing-room (dark 16:9 deck; investor and board presentations), atrium (cream daylight; consumer health and high-trust DTC), babylove (white with orange; SEO SaaS, long time-to-value, disconnected states), patchbay (black with mint-cyan; engines, buses, pipelines, OSS front doors), nameplate (cool slab with coral; press, certification and third-party trust), rimlight (white with blue light; studios, services and case studies), onionskin (white working sheet; developer and AI infrastructure), deskmate (warm beige with a dusk bleed; AI coworkers and chat-native agents), test-drive (warm paper with one coral; self-serve SaaS proven by the live product), surveyor (peach paper with teal and pink; visibility, monitoring and benchmark tools), chorus (warm paper under a crosshair grid, with a cut-corner bubble; AI-search visibility, brand monitoring and community marketing), outrank (white with violet; one brand across marketing and product), orchard (warm oat slabs; friendly biotech and wellness), field-notes (ruled green paper; auditable open-source developer tools), showroom (white gallery; product-led companies selling the app), blueprint (white technical stock; vector, storage and query infrastructure), prism (iridescent hard edge; command-first OSS infrastructure), maquette (near-black table; enterprise data infrastructure), cyclorama (looping pastel field; applied-AI consultancies), scoreboard (warm paper; growth, ads and accumulating metrics), datasheet (off-white specification; fraud, identity and device intelligence), manpage (cream manual; APIs, SDKs, CLIs and MCP servers), pigeonhole (filed white field; inbox, ticket and CRM triage), roster (faint square grid; platforms sold through who uses them), ora (warm coal; machine verdicts, audits and protocol traces), tenor (warm management paper; agent operations and autonomous back office), ledger (cream ruled console; analysts, BI and warehouse agents), paperclip (monochrome coal; orchestrators, schedulers and job runners), awning (white commerce forecourt; storefront, payroll and billing platforms), router (pale console with hairlines; dashboard, billing and inventory surfaces), daylight (bright portal with one shadow; client onboarding and service portals), notation (restrained technical hairlines; OSS, docs and developer workspaces), almanac (oatmeal editorial paper; manifestos and category-defining pages), vitrine (serif trust display; evaluated B2B, security and compliance), proscenium (white demo sequence; product tours and launch pages), bulletin (cheerful outlined bands; broad SMB and agency platforms). Ships the sheleg-design skill, the architecture reference, the motion doctrine, the Figma and Claude Design bridges, AI-surface patterns, the packs' token CSS, and the /sheleg-design command.",
-  "version": "1.64.0",
+  "version": "1.64.2",
   "author": {
     "name": "ssheleg",
     "url": "https://x.com/sshlg93"

package/plugins/sheleg-design/skills/sheleg-design/MOTION_DOCTRINE.md

@@ -323,6 +323,15 @@ Not a feature. A contract.
   state. In CSS, put motion behind `@media (prefers-reduced-motion: no-preference)`.
 - WebGL and canvas scenes degrade to their CSS or SVG still.
 
+**Every time-valued token answers the reduced-motion branch.** Collapse it, or
+re-declare its existing value in that branch with a CSS comment marked `KEPT`,
+`ON PURPOSE` or `deliberate` that names why it cannot move anything there.
+`atrium` keeps its flute durations because the canvas is removed and its still
+is displayed; `roster` keeps the float durations while the component layer sets
+`animation-play-state: paused`. Neither permits a slower moving alternative.
+Verify the promised removal or pause at the consuming component; a duration
+comment alone cannot stop a loop. State-carrying fades follow the exception above.
+
 **Shipping an animation without a reduced-motion path is a bug, not a polish
 item.** It fails review the same way a crash does.
 

package/plugins/sheleg-design/skills/sheleg-design/SKILL.md

@@ -4,7 +4,7 @@ description: Use when deciding how something LOOKS or MOVES — landing/hero pag
 license: MIT
 compatibility: Kit/lane commands need node>=16, npx, network. Optional siblings — dataviz, shadcn, migrate-radix-to-base. Each has an in-text fallback when absent or unreachable.
 metadata:
-  version: 1.64.0
+  version: 1.64.2
 ---
 
 # SHELEG Design

package/plugins/sheleg-design/skills/sheleg-design/styles/almanac.md

@@ -94,6 +94,31 @@ measured **6.4 apart at full colour** against the palette gate's hard floor of
 It is moved along the hue until it separates, and the token layer marks it
 derived at the declaration.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#15140f` |
+| `--panel` | `#1e1c15` |
+| `--panel-2` | `#26241b` |
+| `--ink` | `#f0efe3` |
+| `--muted` | `#b3b0a2` |
+| `--border` | `#3c3a31` |
+| `--edge` | `#6f6d64` |
+| `--accent` | `#3392ff` |
+| `--accent-ink` | `#15140f` |
+| `--ok` | `#46d39a` |
+| `--warn` | `#fa6838` |
+| `--danger` | `#ff6f9a` |
+| `--info` | `#3392ff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Two families, and one of them only ever shouts in capitals.

package/plugins/sheleg-design/skills/sheleg-design/styles/cyclorama.md

@@ -143,7 +143,7 @@ Three rules carry this palette.
   orange in this palette.
 - **Status is never by colour alone.** `--good` and `--danger` separate by 14.0
   at full colour but **7.2 under protanopia and 5.9 under deuteranopia**;
-  `--warning` and `--danger` by 14.8. Every status renders as a mark **plus its
+  `--warning` and `--danger` separate by 14.8 at full colour. Every status renders as a mark **plus its
   word** — which is a measurement of the reference, not a licence: its status
   pill reads `● Listening`, and every comparison row pairs its dot with a text
   phrase. A dot alone is a bug in this pack.

package/plugins/sheleg-design/skills/sheleg-design/styles/daylight.md

@@ -85,6 +85,31 @@ red was authored to clear AA on the field, the panel and its own tint (6.09 /
 less than the palette gate's hard floor, and "running" is this product's own
 signal rather than a new colour.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#0b0f14` |
+| `--panel` | `#161b23` |
+| `--panel-2` | `#1b2430` |
+| `--ink` | `#eef2f7` |
+| `--muted` | `#a3adbb` |
+| `--border` | `#1c2531` |
+| `--edge` | `#5b6675` |
+| `--accent` | `#3392ff` |
+| `--accent-ink` | `#0e1218` |
+| `--ok` | `#46d39a` |
+| `--warn` | `#e0a030` |
+| `--danger` | `#ff7b72` |
+| `--info` | `#3392ff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Two families, and the split is the pack.

package/plugins/sheleg-design/skills/sheleg-design/styles/notation.md

@@ -71,9 +71,9 @@ is to mark what can be **pressed**. Swapping them is the single change that
 stops this pack working.
 
 **Status is never by colour alone.** Every state is a dot or an icon **plus a
-word**. Under deuteranopia `--danger` and `--warn` separate by 1.6 and `--ok`
-and `--warn` by 7.9 — no palette solves the green/amber/red triple, so the word
-carries the meaning.
+word**. In light, `--danger` and `--warn` separate by 1.6 under deuteranopia.
+In dark, `--ok` and `--warn` separate by 7.9 under deuteranopia. The word carries
+the meaning when hue cannot separate these states.
 
 **`--danger` is derived, not measured**, and the token layer says so at the
 declaration: the reference paints no error state, so a red was authored to clear
@@ -82,6 +82,31 @@ AA on the field, the panel and its own tint (6.54 / 6.26 / 5.50).
 **`--info` is the accent value**, because a second blue would separate from
 `--ok` by less than the palette gate's hard floor.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#141414` |
+| `--panel` | `#1c1c1c` |
+| `--panel-2` | `#242424` |
+| `--ink` | `#f2f2f2` |
+| `--muted` | `#a0a0a0` |
+| `--border` | `#2b2b2b` |
+| `--edge` | `#686868` |
+| `--accent` | `#3392ff` |
+| `--accent-ink` | `#141414` |
+| `--ok` | `#46d39a` |
+| `--warn` | `#e0a030` |
+| `--danger` | `#ff7b72` |
+| `--info` | `#3392ff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Three families, and each has exactly one job.

package/plugins/sheleg-design/skills/sheleg-design/styles/outrank.md

@@ -76,6 +76,28 @@ Motion ceiling: **2**. Measured, not chosen — the entire site's motion budget
   4.5 on both fields. The reference's warning `#FF642D` measures **2.95:1**, under
   even the non-text floor; `#E5511B` is the smallest darkening that clears it.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#191b23` |
+| `--surface` | `#1d232a` |
+| `--ink` | `#ffffff` |
+| `--ink-soft` | `#a6adba` |
+| `--accent` | `#ab6cfe` |
+| `--on-accent` | `#220358` |
+| `--success` | `#009f81` |
+| `--warning` | `#c2740a` |
+| `--danger` | `#ff4953` |
+| `--info` | `#008ff8` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Two families, and the split is the whole typographic idea: **Plus Jakarta Sans**
@@ -200,9 +222,9 @@ sits above every metric on the page.
 - **Status is never by colour alone.** Every state in this pack carries a word or
   an icon beside the hue — which is what the reference does: its category chips
   are iconned, its wins feed is checked, its at-risk rows are flagged. Measured
-  under simulated CVD, `--info` and `--success` separate by only 6.9 under
-  tritanopia and `--accent` and `--info` by 2.9 under deuteranopia, so the hue is
-  the second signal here and never the first.
+  under simulated CVD, `--info` and `--success` separate by 6.9 under
+  tritanopia in both themes. In dark, `--accent` and `--info` separate by
+  2.9 under deuteranopia. Hue is the second signal here and never the first.
 - **No second brand hue.** One violet. The status four are states, not brand.
 - **No skeleton, no spinner** on a surface that has a previous value — stamp it.
 - **No serif, anywhere.** Two sans families and no third.

package/plugins/sheleg-design/skills/sheleg-design/styles/paperclip.md

@@ -170,9 +170,10 @@ the 3:1 non-text floor, so there they are bar fills, dots and chip tints and the
 status pill is a coloured chip **with the state written in it** (`In Progress`),
 its trace lines are `passed` / `done` / `running` in words, and its org node
 announces itself with an `Active` chip rather than a green ring alone. The
-measured separations that make this mandatory rather than stylistic: `--good`
-and `--warn` separate by 6.2–6.4 under protanopia and `--good` and `--info` by
-6.7 under tritanopia, all below the 8.0 dichromacy floor. The word is not
+measured separations make this mandatory: `--good` and `--warn` separate by
+6.2 under protanopia in dark and 6.4 under protanopia in light. In dark,
+`--good` and `--info` separate by 6.7 under tritanopia. These measurements are
+below the 8.0 dichromacy floor. The word is not
 decoration on those pairs; it is the message.
 
 **The chromatic layer is ornament, and the rule is one sentence.** Twelve badge

package/plugins/sheleg-design/skills/sheleg-design/styles/pigeonhole.md

@@ -150,10 +150,9 @@ The thirty-six tint tokens are not listed here: a table of them would be a
 transcription, and `styles/tokens/pigeonhole.css` is the copy to take. What the
 table above is for is the functional half — the tokens a component names by hand.
 
-**Status is never by colour alone.** The four status tokens are close under
-dichromacy — the gate measures `--danger`/`--good` at ΔE 3.4 and `--good`/`--warn`
-at 5.0 under deuteranopia — so every status in this pack carries a word, an icon
-or a position as well as a hue. That is not a mitigation bolted on afterwards; it
+**Status is never by colour alone.** The gate measures `--danger` and `--good`
+at 3.4 under deuteranopia. It measures `--good` and `--warn` at 5.0 under
+deuteranopia. Every status carries a word, an icon or a position as well as a hue. That is not a mitigation bolted on afterwards; it
 is the same rule the taxonomy below is built on.
 
 ### The taxonomy — the reason this pack exists

package/plugins/sheleg-design/skills/sheleg-design/styles/prism.md

@@ -269,7 +269,11 @@ at `--dur-base` on the one curve, translate 10px and opacity.
 The ambient layer, if there is one, is a **point cloud in the accent** at low
 opacity inside the hero only — points, not particles, and they must die at the
 wash's bottom edge along with everything else. Nothing generative appears on the
-white.
+white. Under `prefers-reduced-motion: reduce`, coarse pointer or no WebGL,
+render a fixed CSS or SVG point pattern clipped to the same hero boundary; never
+start the point cloud's requestAnimationFrame loop. On a preference change, cancel
+the scheduled frame and show that still. The static wash, text and controls remain
+visible, and no point moves or waits for a scroll event to appear.
 
 The wash is layer 1 in the depth model and it is `pointer-events: none`. It is
 never put on a scroller, never parallaxed, and never faded — it ends where the

package/plugins/sheleg-design/skills/sheleg-design/styles/proscenium.md

@@ -112,6 +112,31 @@ blue.
 laid behind the field at low opacity. They never carry state, never sit under
 text that has to be read, and never appear in a chart.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#07061d` |
+| `--panel` | `#18143a` |
+| `--panel-2` | `#0c0a26` |
+| `--ink` | `#f7f6ff` |
+| `--muted` | `#a9a6c8` |
+| `--border` | `#262159` |
+| `--edge` | `#6f6aa0` |
+| `--accent` | `#8f7dff` |
+| `--accent-ink` | `#07061d` |
+| `--ok` | `#4fd39b` |
+| `--warn` | `#e0a63c` |
+| `--danger` | `#ff8177` |
+| `--info` | `#8f7dff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 **One family, and that is the pack.** The reference loads Inter at nine weights

package/plugins/sheleg-design/skills/sheleg-design/styles/router.md

@@ -125,6 +125,31 @@ instead, to `#4d8dff` at 5.73.
 and a danger chip is exactly where the word most needs to be read. Lifted until
 it clears the tint it sits on: 5.13.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#10151d` |
+| `--panel` | `#181d25` |
+| `--panel-2` | `#20252c` |
+| `--ink` | `#f5f7f9` |
+| `--muted` | `#a0a3a7` |
+| `--border` | `#20242c` |
+| `--edge` | `#606369` |
+| `--accent` | `#4d8dff` |
+| `--accent-ink` | `#10151d` |
+| `--ok` | `#34dfaa` |
+| `--warn` | `#e5a000` |
+| `--danger` | `#ff5470` |
+| `--info` | `#4d8dff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Two families and no third.

package/plugins/sheleg-design/skills/sheleg-design/styles/test-drive.md

@@ -158,6 +158,26 @@ under colour-vision deficiency are stated at the declaration, and every state ca
 a word or a glyph beside its colour — the reference's own dashboard writes the
 percentage next to every delta arrow.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#1f1f1f` |
+| `--surface` | `#262626` |
+| `--ink` | `#dedddc` |
+| `--accent` | `#e16540` |
+| `--good` | `#3ddc97` |
+| `--warn` | `#ffd05c` |
+| `--danger` | `#ff8095` |
+| `--info` | `#63c1ff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 One working face and one hand — the second is the voice, not a display face.

package/plugins/sheleg-design/skills/sheleg-design/styles/tokens/test-drive.css

@@ -354,10 +354,10 @@
   --focus-color: var(--accent); /* 4.82:1 on --bg — over the mark floor */
 
   /* DERIVED the way the light set was: each hue held, lightness raised until it
-     writes on both dark fields. The tight pairs move with the physics: --good and
-     --warn sit 7.2 apart under protanopia, --good and --danger 3.8 under
-     deuteranopia, --good and --info 4.0 under tritanopia — and the rule does not
-     change: a state is told apart by the word beside it, not by hue. */
+     writes on both dark fields. The tight pairs move with the physics. In dark, --good and
+     --warn sit 7.2 apart under protanopia. In dark, --good and --danger sit
+     3.8 under deuteranopia. In dark, --good and --info sit 4.0 under tritanopia.
+     A state is told apart by the word beside it, not by hue. */
   --good: #3ddc97; /* 9.33:1 on --bg, 8.56:1 on --surface */
   --warn: #ffd05c; /* 11.33:1 on --bg, 10.40:1 on --surface */
   --danger: #ff8095; /* 6.89:1 on --bg, 6.32:1 on --surface */

package/plugins/sheleg-design/skills/sheleg-design/styles/vitrine.md

@@ -80,6 +80,31 @@ carries the meaning and the colour reinforces it.
 one pack of the five ported from live references whose reference paints an error
 state, so nothing in its semantic set is derived.
 
+### Dark theme — values from the token layer
+
+This table resolves the dark theme's core colour roles from the shipped token
+layer, including aliases and inherited values. It is checked against that source;
+copy the CSS rather than transcribing this table. It is a source-value check,
+not a rendered contrast or accessibility result.
+
+<!-- dark-palette:derived -->
+| Token | Dark value |
+|---|---|
+| `--bg` | `#101112` |
+| `--panel` | `#17191b` |
+| `--panel-2` | `#17191b` |
+| `--ink` | `#f7f8f9` |
+| `--muted` | `#b8c0cb` |
+| `--border` | `#26292d` |
+| `--edge` | `#60656d` |
+| `--accent` | `#3392ff` |
+| `--accent-ink` | `#101112` |
+| `--ok` | `#3fcf7f` |
+| `--warn` | `#ffb020` |
+| `--danger` | `#ff7b72` |
+| `--info` | `#3392ff` |
+<!-- /dark-palette:derived -->
+
 ## Type
 
 Three families, each with one job.