decklight 0.1.0

package/themes/berry.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · berry
+   light · Raspberry on white — energetic, pink-tinted blocks
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #fffbfd;
+  --bg-accent: #fceef5;
+  --fg: #3d2436;
+  --muted: #75596a;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #a8175c;
+  --heading-weight: 800;
+  --link: #b3216a;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #c2296a;
+  --accent-contrast: #fff4f9;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fdf1f6;
+  --block-border: 1px solid #f2d5e3;
+  --block-radius: 14px;
+  --shadow: 0 6px 20px rgba(180, 40, 100, 0.09);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #f8e9f0;
+  --code-fg: #3f2838;
+  --hl-keyword: #b3216a;
+  --hl-string: #276b46;
+  --hl-number: #8a4a10;
+  --hl-comment: #755d6a;
+  --hl-function: #1e5aa8;
+  --hl-type: #7038d8;
+  --hl-punct: #5c4252;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #96607e;
+  --d-text: #3d2436;
+  --d-muted: #84687a;
+  --d-accent: #d23b77;
+  --d-fill-1: #fadce9;
+  --d-fill-2: #f5e0f0;
+  --d-fill-3: #fce5dc;
+  --d-fill-4: #efdcf5;
+  --d-fill-5: #fde0e2;
+  --d-fill-6: #f8ecda;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #2b1a24;
+  --term-fg: #eddfe8;
+  --term-prompt: #ff8ab8;
+  --term-cursor: #ff8ab8;
+  --term-selection: rgba(255, 138, 184, 0.26);
+  --ansi-black: #a08795;
+  --ansi-red: #ff8095;
+  --ansi-green: #93d0a0;
+  --ansi-yellow: #e8c072;
+  --ansi-blue: #90b0ec;
+  --ansi-magenta: #e096d5;
+  --ansi-cyan: #88cfc5;
+  --ansi-white: #ecdfe7;
+  --ansi-bright-black: #b29ca9;
+  --ansi-bright-red: #ffa5b5;
+  --ansi-bright-green: #b0e2bc;
+  --ansi-bright-yellow: #f2d49a;
+  --ansi-bright-blue: #b0c8f5;
+  --ansi-bright-magenta: #eab5e5;
+  --ansi-bright-cyan: #a8e0da;
+  --ansi-bright-white: #fdf5fa;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/blade-runner.css

@@ -0,0 +1,83 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · blade-runner
+   dark · off-world night, neon cyan + magenta, spinner amber
+   Inspired by Blade Runner — neon noir over the rain — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   rule-exception: R2 the neon-noir duotone canvas is the identity
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: linear-gradient(200deg, #0b0e18 0%, #140b1a 100%);
+  --bg-accent: none;
+  --fg: #e2e6f0;
+  --muted: #8f95ac;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #4fd8e8;
+  --heading-weight: 600;
+  --link: #e884c8;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #c957aa;
+  --accent-contrast: #171712;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #141823;
+  --block-border: 1px solid #2a2d36;
+  --block-radius: 8px;
+  --shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #10131f;
+  --code-fg: #e0e4f0;
+  --hl-keyword: #e884c8;
+  --hl-string: #6fd8e8;
+  --hl-number: #e8b860;
+  --hl-comment: #6a708a;
+  --hl-function: #8fa8f0;
+  --hl-type: #c8a0e8;
+  --hl-punct: #a8aec4;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8f95ac;
+  --d-text: #e2e6f0;
+  --d-muted: #8f95ac;
+  --d-accent: #c957aa;
+  --d-fill-1: #1c2426;
+  --d-fill-2: #2e1e29;
+  --d-fill-3: #1f2337;
+  --d-fill-4: #26231c;
+  --d-fill-5: #261e2e;
+  --d-fill-6: #1f372f;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0a0d16;
+  --term-fg: #e6e6e2;
+  --term-prompt: #c957aa;
+  --term-cursor: #c957aa;
+  --term-selection: rgba(201, 87, 170, 0.28);
+  --ansi-black: #8a90a8;
+  --ansi-red: #e88a90;
+  --ansi-green: #7fd0a8;
+  --ansi-yellow: #e8c070;
+  --ansi-blue: #8fa8f0;
+  --ansi-magenta: #e884c8;
+  --ansi-cyan: #6fd8e8;
+  --ansi-white: #eceef6;
+  --ansi-bright-black: #adb1c2;
+  --ansi-bright-red: #f2bdc1;
+  --ansi-bright-green: #ace0c6;
+  --ansi-bright-yellow: #f0d7a5;
+  --ansi-bright-blue: #c5d2f7;
+  --ansi-bright-magenta: #f2b8df;
+  --ansi-bright-cyan: #a4e6f0;
+  --ansi-bright-white: #f1f3f8;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.25;
+}

package/themes/c64.css

@@ -0,0 +1,85 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · c64
+   dark · blue on blue, light-blue border type, PETSCII spirit
+   Inspired by the Commodore 64 boot screen — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   rule-exception: R2 the canonical C64 blue screen is the identity
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #40318d;
+  --bg-accent: none;
+  --fg: #b3a8ec;
+  --muted: #9186d3;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --font-heading: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #8d82e0;
+  --heading-weight: 600;
+  --link: #9fd0ff;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #867ade;
+  --accent-contrast: #1f1f19;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #574e85;
+  --block-border: 1px solid #736f8d;
+  --block-radius: 0px;
+  --shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #352a75;
+  --code-fg: #c8c0f0;
+  --hl-keyword: #a2d0fc;
+  --hl-string: #8bdc9e;
+  --hl-number: #e8d878;
+  --hl-comment: #847ac5;
+  --hl-function: #d0a8e8;
+  --hl-type: #8fe0e0;
+  --hl-punct: #b0a8e8;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8a7fd0;
+  --d-text: #a597e8;
+  --d-muted: #8a7fd0;
+  --d-accent: #867ade;
+  --d-fill-1: #322f41;
+  --d-fill-2: #2c3044;
+  --d-fill-3: #352848;
+  --d-fill-4: #2f3841;
+  --d-fill-5: #3c2c44;
+  --d-fill-6: #284048;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #352a75;
+  --term-fg: #e6e6e2;
+  --term-prompt: #867ade;
+  --term-cursor: #867ade;
+  --term-selection: rgba(134, 122, 222, 0.28);
+  --ansi-black: #8a7fd0;
+  --ansi-red: #e08a80;
+  --ansi-green: #8fd8a0;
+  --ansi-yellow: #e8d878;
+  --ansi-blue: #9fd0ff;
+  --ansi-magenta: #d0a8e8;
+  --ansi-cyan: #8fe0e0;
+  --ansi-white: #e8e5f8;
+  --ansi-bright-black: #b3ace0;
+  --ansi-bright-red: #ecb7b1;
+  --ansi-bright-green: #bce8c7;
+  --ansi-bright-yellow: #f1e7ac;
+  --ansi-bright-blue: #dceeff;
+  --ansi-bright-magenta: #ead8f5;
+  --ansi-bright-cyan: #bfeded;
+  --ansi-bright-white: #f1effb;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}
+
+.decklight h1, .decklight h2 { text-transform: uppercase; letter-spacing: 0.05em; }

package/themes/carbon.css

@@ -0,0 +1,82 @@
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
+
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · carbon
+   dark · IDE-native — cool graphite, blue/violet duotone syntax
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #121417;
+  --bg-accent: #191c21;
+  --fg: #e4e7eb;
+  --muted: #9da5b0;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: "JetBrains Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --font-mono: "JetBrains Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #9db8ff;
+  --heading-weight: 700;
+  --link: #82aaff;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #81a5ea;
+  --accent-contrast: #001536;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #191d22;
+  --block-border: 1px solid #262b33;
+  --block-radius: 8px;
+  --shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #0d0f12;
+  --code-fg: #dfe3e8;
+  --hl-keyword: #8badf6;
+  --hl-string: #8dd3a4;
+  --hl-number: #c0a8f5;
+  --hl-comment: #7e8794;
+  --hl-function: #b0baf5;
+  --hl-type: #7cc7e8;
+  --hl-punct: #a2aab5;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #5c6b85;
+  --d-text: #e4e7eb;
+  --d-muted: #8d95a3;
+  --d-accent: #6c9fff;
+  --d-fill-1: #1c2230;
+  --d-fill-2: #202940;
+  --d-fill-3: #232030;
+  --d-fill-4: #1a2a3d;
+  --d-fill-5: #252b3a;
+  --d-fill-6: #1e2536;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0a0c0f;
+  --term-fg: #d9dde2;
+  --term-prompt: #6c9fff;
+  --term-cursor: #6c9fff;
+  --term-selection: rgba(108, 159, 255, 0.28);
+  --ansi-black: #89919f;
+  --ansi-red: #d2726a;
+  --ansi-green: #6ad26d;
+  --ansi-yellow: #d2b76a;
+  --ansi-blue: #6a9bd2;
+  --ansi-magenta: #bb6ad2;
+  --ansi-cyan: #6ad2c4;
+  --ansi-white: #dee0e3;
+  --ansi-bright-black: #a7abb4;
+  --ansi-bright-red: #e69a94;
+  --ansi-bright-green: #94e696;
+  --ansi-bright-yellow: #e6d194;
+  --ansi-bright-blue: #94bae6;
+  --ansi-bright-magenta: #d394e6;
+  --ansi-bright-cyan: #94e6da;
+  --ansi-bright-white: #f2f2f3;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.28;
+}

package/themes/citrus.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · citrus
+   light · Lime and tangerine zest — playful, rounded, bright
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #fafafa;
+  --bg-accent: linear-gradient(135deg, #f8fce8 0%, #fff4e2 100%);
+  --fg: #33322d;
+  --muted: #6d6c62;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: ui-rounded, "SF Pro Rounded", "Nunito", "Comfortaa", "Segoe UI", sans-serif;
+  --font-heading: ui-rounded, "SF Pro Rounded", "Nunito", "Comfortaa", "Segoe UI", sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #4f7d00;
+  --heading-weight: 800;
+  --link: #b45309;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #638916;
+  --accent-contrast: #0b1100;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fafce8;
+  --block-border: 2px solid #e2ecc0;
+  --block-radius: 18px;
+  --shadow: 0 6px 22px rgba(120, 140, 20, 0.1);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #f5f7ea;
+  --code-fg: #37362f;
+  --hl-keyword: #466b03;
+  --hl-string: #9e4d04;
+  --hl-number: #1d5f8a;
+  --hl-comment: #6d6c60;
+  --hl-function: #8d35ae;
+  --hl-type: #0f6e73;
+  --hl-punct: #565549;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #7d8a52;
+  --d-text: #33322d;
+  --d-muted: #787766;
+  --d-accent: #6a9f00;
+  --d-fill-1: #f0f6cf;
+  --d-fill-2: #ffedd0;
+  --d-fill-3: #e5f2d8;
+  --d-fill-4: #fff3c2;
+  --d-fill-5: #eaf5df;
+  --d-fill-6: #ffe9dc;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #23261c;
+  --term-fg: #e6e8dd;
+  --term-prompt: #c2e858;
+  --term-cursor: #c2e858;
+  --term-selection: rgba(194, 232, 88, 0.26);
+  --ansi-black: #93958a;
+  --ansi-red: #f2917e;
+  --ansi-green: #a5d848;
+  --ansi-yellow: #f2c552;
+  --ansi-blue: #8db5e2;
+  --ansi-magenta: #cba3d8;
+  --ansi-cyan: #8ecfba;
+  --ansi-white: #e8eae0;
+  --ansi-bright-black: #a8aa9e;
+  --ansi-bright-red: #f7b2a3;
+  --ansi-bright-green: #c0ea75;
+  --ansi-bright-yellow: #f8d67e;
+  --ansi-bright-blue: #adcbec;
+  --ansi-bright-magenta: #dcbfe8;
+  --ansi-bright-cyan: #abe0d0;
+  --ansi-bright-white: #fcfdf8;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/coastal.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · coastal
+   light · Sea-sky gradient, navy depth, coral buoy accent
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: linear-gradient(180deg, #eff8fd 0%, #e4f0f9 60%, #deebf3 100%);
+  --bg-accent: linear-gradient(180deg, #d5e9f5 0%, #c5ddef 100%);
+  --fg: #16324f;
+  --muted: #4e6478;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #0e2a45;
+  --heading-weight: 800;
+  --link: #0e5e8a;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #e37155;
+  --accent-contrast: #38100a;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: rgba(255, 255, 255, 0.85);
+  --block-border: 1px solid #cadeed;
+  --block-radius: 14px;
+  --shadow: 0 6px 22px rgba(20, 60, 100, 0.1);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #e2eef7;
+  --code-fg: #1d3650;
+  --hl-keyword: #0e5e8a;
+  --hl-string: #276b46;
+  --hl-number: #a83a20;
+  --hl-comment: #5b6d80;
+  --hl-function: #7a3f92;
+  --hl-type: #0f6e73;
+  --hl-punct: #3e5468;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #4a7292;
+  --d-text: #16324f;
+  --d-muted: #607890;
+  --d-accent: #e2512d;
+  --d-fill-1: #d2e8f5;
+  --d-fill-2: #c8e2f2;
+  --d-fill-3: #dceef8;
+  --d-fill-4: #bfdcee;
+  --d-fill-5: #d5ecf8;
+  --d-fill-6: #e2f2fa;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #132535;
+  --term-fg: #dae6f0;
+  --term-prompt: #ffa088;
+  --term-cursor: #ffa088;
+  --term-selection: rgba(255, 160, 136, 0.25);
+  --ansi-black: #8095a8;
+  --ansi-red: #f58e7c;
+  --ansi-green: #8bd2a5;
+  --ansi-yellow: #e5c478;
+  --ansi-blue: #7cb8e8;
+  --ansi-magenta: #c2a2dd;
+  --ansi-cyan: #7ed2d5;
+  --ansi-white: #dfe9f0;
+  --ansi-bright-black: #98abbc;
+  --ansi-bright-red: #f8ae9e;
+  --ansi-bright-green: #abe4c0;
+  --ansi-bright-yellow: #f0d69e;
+  --ansi-bright-blue: #a5cef2;
+  --ansi-bright-magenta: #d6bfec;
+  --ansi-bright-cyan: #a3e4e6;
+  --ansi-bright-white: #f6fafc;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/cosmos.css

@@ -0,0 +1,86 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · cosmos
+   dark · Nebula purples on space black — stargazer magenta
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+/* palette-rule exceptions (test/palette-rules.mjs):
+   rule-exception: R2 the nebula duotone canvas is the identity
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: linear-gradient(200deg, #0e0619 0%, #1c0f3d 55%, #2a1152 100%);
+  --bg-accent: radial-gradient(ellipse at 30% 20%, #3b1a6e 0%, #14082b 70%);
+  --fg: #ece5fb;
+  --muted: #b3a5d6;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: "Avenir Next", Avenir, Futura, "Century Gothic", "Segoe UI", sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #fafafa;
+  --heading-weight: 800;
+  --link: #a88fff;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #eb82c2;
+  --accent-contrast: #33001d;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: rgba(40, 20, 78, 0.5);
+  --block-border: 1px solid rgba(168, 143, 255, 0.28);
+  --block-radius: 16px;
+  --shadow: 0 14px 44px rgba(8, 2, 24, 0.6);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #150b2e;
+  --code-fg: #e6defa;
+  --hl-keyword: #c79bff;
+  --hl-string: #8be8c8;
+  --hl-number: #ffb2d9;
+  --hl-comment: #8f82b8;
+  --hl-function: #8fb5ff;
+  --hl-type: #6fd7e8;
+  --hl-punct: #b2a6d4;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8f6fdc;
+  --d-text: #ece5fb;
+  --d-muted: #a394cc;
+  --d-accent: #ff6ec7;
+  --d-fill-1: #241348;
+  --d-fill-2: #31175c;
+  --d-fill-3: #1e1f52;
+  --d-fill-4: #3a1550;
+  --d-fill-5: #291c5e;
+  --d-fill-6: #351d68;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #100822;
+  --term-fg: #e0d8f5;
+  --term-prompt: #ff6ec7;
+  --term-cursor: #ff6ec7;
+  --term-selection: rgba(255, 110, 199, 0.26);
+  --ansi-black: #8d81b0;
+  --ansi-red: #ff7e9e;
+  --ansi-green: #7ce8b8;
+  --ansi-yellow: #ffd082;
+  --ansi-blue: #8fa3ff;
+  --ansi-magenta: #d79bff;
+  --ansi-cyan: #7edcf0;
+  --ansi-white: #e8e2f8;
+  --ansi-bright-black: #a89cc8;
+  --ansi-bright-red: #ffa5bc;
+  --ansi-bright-green: #a5f2ce;
+  --ansi-bright-yellow: #ffdfa5;
+  --ansi-bright-blue: #b0bcff;
+  --ansi-bright-magenta: #e5bcff;
+  --ansi-bright-cyan: #a8e9f5;
+  --ansi-bright-white: #fafafa;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}
+
+.decklight h1, .decklight h2 { letter-spacing: 0.04em; }

package/themes/dune.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · dune
+   light · Desert noon — sandstone, terracotta, wide serif display
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f1e9db;
+  --bg-accent: #ecdfc6;
+  --fg: #453322;
+  --muted: #78644d;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #8a4519;
+  --heading-weight: 700;
+  --link: #9c4a12;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #aa4c1c;
+  --accent-contrast: #fff6ee;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #faf4e8;
+  --block-border: 1px solid #ddceb2;
+  --block-radius: 10px;
+  --shadow: 0 5px 18px rgba(120, 80, 30, 0.1);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #ecdfc6;
+  --code-fg: #42342a;
+  --hl-keyword: #9c4a12;
+  --hl-string: #276238;
+  --hl-number: #8a2e42;
+  --hl-comment: #6f5f4a;
+  --hl-function: #1d558a;
+  --hl-type: #7a4092;
+  --hl-punct: #5c4c38;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8a6f4e;
+  --d-text: #453322;
+  --d-muted: #7d6a52;
+  --d-accent: #c05621;
+  --d-fill-1: #ecdcbb;
+  --d-fill-2: #f0e2cd;
+  --d-fill-3: #e6d4b0;
+  --d-fill-4: #f4e6c2;
+  --d-fill-5: #e9dabd;
+  --d-fill-6: #efe0b6;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #2a2015;
+  --term-fg: #eee3d0;
+  --term-prompt: #f0a868;
+  --term-cursor: #f0a868;
+  --term-selection: rgba(240, 168, 104, 0.26);
+  --ansi-black: #9a8a74;
+  --ansi-red: #f08a72;
+  --ansi-green: #adc576;
+  --ansi-yellow: #eec063;
+  --ansi-blue: #96b3d8;
+  --ansi-magenta: #cfa0c0;
+  --ansi-cyan: #93ccb0;
+  --ansi-white: #ece0cc;
+  --ansi-bright-black: #ab9c86;
+  --ansi-bright-red: #f5a992;
+  --ansi-bright-green: #c5d898;
+  --ansi-bright-yellow: #f5d38a;
+  --ansi-bright-blue: #b3c8e5;
+  --ansi-bright-magenta: #dfbad5;
+  --ansi-bright-cyan: #b0dfc6;
+  --ansi-bright-white: #faf3e6;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}