decklight 0.1.0

package/themes/latte.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · latte
+   light · Steamed milk and espresso — soft, warm café tones
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f6efe7;
+  --bg-accent: #eee2d4;
+  --fg: #3b2f2a;
+  --muted: #6f5f55;
+
+  /* ── 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: #6b4226;
+  --heading-weight: 700;
+  --link: #8a5022;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #a15b2e;
+  --accent-contrast: #fff5ec;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fcf7f0;
+  --block-border: 1px solid #e5d5c2;
+  --block-radius: 16px;
+  --shadow: 0 8px 26px rgba(110, 70, 40, 0.1);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #eee2d4;
+  --code-fg: #3a2f28;
+  --hl-keyword: #8a5022;
+  --hl-string: #276238;
+  --hl-number: #8a2e42;
+  --hl-comment: #6d5f52;
+  --hl-function: #1d558a;
+  --hl-type: #7a3f92;
+  --hl-punct: #584a40;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8a705c;
+  --d-text: #3b2f2a;
+  --d-muted: #7c6a5e;
+  --d-accent: #a15b2e;
+  --d-fill-1: #f0dfc8;
+  --d-fill-2: #ead8c8;
+  --d-fill-3: #f5e5cd;
+  --d-fill-4: #e5d2bc;
+  --d-fill-5: #f0dcd0;
+  --d-fill-6: #ecdabf;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #291f18;
+  --term-fg: #ece2d6;
+  --term-prompt: #e8a878;
+  --term-cursor: #e8a878;
+  --term-selection: rgba(232, 168, 120, 0.26);
+  --ansi-black: #9c8a7c;
+  --ansi-red: #ef8a76;
+  --ansi-green: #aac882;
+  --ansi-yellow: #e8c06e;
+  --ansi-blue: #9cb2d8;
+  --ansi-magenta: #cfa2c0;
+  --ansi-cyan: #95cab5;
+  --ansi-white: #ebe0d4;
+  --ansi-bright-black: #ad9c8e;
+  --ansi-bright-red: #f4ab97;
+  --ansi-bright-green: #c2daa2;
+  --ansi-bright-yellow: #f2d295;
+  --ansi-bright-blue: #b8c9e8;
+  --ansi-bright-magenta: #dfbad2;
+  --ansi-bright-cyan: #b2ddcb;
+  --ansi-bright-white: #faf4ec;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/linen.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · linen
+   light · Natural fiber — unbleached warm white, olive and clay
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f8f6f1;
+  --bg-accent: #efece2;
+  --fg: #3c3a33;
+  --muted: #6e6b60;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: Seravek, "Gill Sans", "Segoe UI", Verdana, sans-serif;
+  --font-heading: Seravek, "Gill Sans", "Segoe UI", Verdana, sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #55601e;
+  --heading-weight: 600;
+  --link: #5c6e14;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #5f7d1f;
+  --accent-contrast: #f7ffe2;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fdfcf8;
+  --block-border: 1px solid #e0dccc;
+  --block-radius: 6px;
+  --shadow: 0 3px 12px rgba(80, 75, 50, 0.07);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #efece2;
+  --code-fg: #3a3830;
+  --hl-keyword: #55601e;
+  --hl-string: #8a4a10;
+  --hl-number: #1d5f8a;
+  --hl-comment: #6b685c;
+  --hl-function: #256e60;
+  --hl-type: #7a3f92;
+  --hl-punct: #565348;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #7c7a5e;
+  --d-text: #3c3a33;
+  --d-muted: #787564;
+  --d-accent: #5f7d1f;
+  --d-fill-1: #ebe8d2;
+  --d-fill-2: #f0ecda;
+  --d-fill-3: #e4e4cc;
+  --d-fill-4: #f4eed8;
+  --d-fill-5: #e8e8d8;
+  --d-fill-6: #eee9cd;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #26251d;
+  --term-fg: #e8e6da;
+  --term-prompt: #c2d078;
+  --term-cursor: #c2d078;
+  --term-selection: rgba(194, 208, 120, 0.26);
+  --ansi-black: #959282;
+  --ansi-red: #f08d7c;
+  --ansi-green: #b0cc72;
+  --ansi-yellow: #e2c368;
+  --ansi-blue: #92b2d8;
+  --ansi-magenta: #c8a5c8;
+  --ansi-cyan: #92ccb2;
+  --ansi-white: #e8e5da;
+  --ansi-bright-black: #a8a494;
+  --ansi-bright-red: #f5ae9e;
+  --ansi-bright-green: #c8de95;
+  --ansi-bright-yellow: #eed592;
+  --ansi-bright-blue: #b0c8e8;
+  --ansi-bright-magenta: #dabfda;
+  --ansi-bright-cyan: #afdfc8;
+  --ansi-bright-white: #fbfaf5;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/meadow.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · meadow
+   light · Spring grass and clover — green-tinted daylight
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f6faf2;
+  --bg-accent: #eaf4e2;
+  --fg: #26352a;
+  --muted: #5c6e60;
+
+  /* ── 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: #2f6b33;
+  --heading-weight: 700;
+  --link: #2b6a4f;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #357a38;
+  --accent-contrast: #f2fff3;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fafafa;
+  --block-border: 1px solid #d8e6d0;
+  --block-radius: 14px;
+  --shadow: 0 6px 20px rgba(46, 90, 50, 0.08);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #e9f2e0;
+  --code-fg: #2b3a2e;
+  --hl-keyword: #256e28;
+  --hl-string: #8a4a10;
+  --hl-number: #1d5f8a;
+  --hl-comment: #5f6f62;
+  --hl-function: #1e5aa8;
+  --hl-type: #7a3f92;
+  --hl-punct: #4a5a4e;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #5a7560;
+  --d-text: #26352a;
+  --d-muted: #6b7d6f;
+  --d-accent: #3e8e41;
+  --d-fill-1: #ddefd2;
+  --d-fill-2: #e6f2dc;
+  --d-fill-3: #d2ead8;
+  --d-fill-4: #eef5d8;
+  --d-fill-5: #daedde;
+  --d-fill-6: #e2f0ca;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #1c2a1e;
+  --term-fg: #dfe9dc;
+  --term-prompt: #8fd694;
+  --term-cursor: #8fd694;
+  --term-selection: rgba(143, 214, 148, 0.26);
+  --ansi-black: #87988a;
+  --ansi-red: #eb8b80;
+  --ansi-green: #8fd694;
+  --ansi-yellow: #dcc270;
+  --ansi-blue: #88b5e0;
+  --ansi-magenta: #c0a0d5;
+  --ansi-cyan: #82ccbc;
+  --ansi-white: #e2e9df;
+  --ansi-bright-black: #9dab9f;
+  --ansi-bright-red: #f2ada5;
+  --ansi-bright-green: #aee5b2;
+  --ansi-bright-yellow: #e8d494;
+  --ansi-bright-blue: #aacbea;
+  --ansi-bright-magenta: #d4bce5;
+  --ansi-bright-cyan: #a5ded2;
+  --ansi-bright-white: #f7fbf5;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/metropolis.css

@@ -0,0 +1,85 @@
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap');
+
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · metropolis
+   light · FiraSans minimalism: paper white, spruce ink, one orange
+   Inspired by the Beamer metropolis theme (Matthias Vogelgesang) — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   rule-exception: R3 the canonical metropolis orange (#eb811b) is the identity
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #fafaf8;
+  --bg-accent: none;
+  --fg: #23373b;
+  --muted: #5f7175;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: "Fira Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
+  --font-heading: "Fira Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #23373b;
+  --heading-weight: 600;
+  --link: #c96a12;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #eb811b;
+  --accent-contrast: #333329;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #f2f2eb;
+  --block-border: 1px solid #d9ddda;
+  --block-radius: 2px;
+  --shadow: 0 3px 12px rgba(35, 55, 59, 0.14);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #23373b;
+  --code-fg: #eef2f2;
+  --hl-keyword: #e2ac5c;
+  --hl-string: #86cdbd;
+  --hl-number: #e39a72;
+  --hl-comment: #7e979b;
+  --hl-function: #85bce4;
+  --hl-type: #cfc088;
+  --hl-punct: #cfdadb;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #5f7175;
+  --d-text: #23373b;
+  --d-muted: #5f7175;
+  --d-accent: #d06f12;
+  --d-fill-1: #e5edee;
+  --d-fill-2: #ece4dd;
+  --d-fill-3: #dcead5;
+  --d-fill-4: #e5eaee;
+  --d-fill-5: #ecdde5;
+  --d-fill-6: #eae8d5;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #1d2e31;
+  --term-fg: #eceae6;
+  --term-prompt: #eb811b;
+  --term-cursor: #eb811b;
+  --term-selection: rgba(235, 129, 27, 0.28);
+  --ansi-black: #9f9489;
+  --ansi-red: #db8361;
+  --ansi-green: #61db7d;
+  --ansi-yellow: #dbd461;
+  --ansi-blue: #6182db;
+  --ansi-magenta: #d861db;
+  --ansi-cyan: #61d4db;
+  --ansi-white: #e3e0de;
+  --ansi-bright-black: #b4ada7;
+  --ansi-bright-red: #eba88e;
+  --ansi-bright-green: #8eeba3;
+  --ansi-bright-yellow: #ebe68e;
+  --ansi-bright-blue: #8ea8eb;
+  --ansi-bright-magenta: #e98eeb;
+  --ansi-bright-cyan: #8ee5eb;
+  --ansi-bright-white: #f3f2f2;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}

package/themes/miami-vice.css

@@ -0,0 +1,84 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · miami-vice
+   dark · night-ocean navy, flamingo pink, seafoam teal
+   Inspired by Miami Vice — pastel neon over a hot night — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   rule-exception: R2 the neon-night duotone canvas is the identity
+   rule-exception: R3 vice pink does not do pastel-muted
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: linear-gradient(180deg, #131a2c 0%, #1e1430 100%);
+  --bg-accent: none;
+  --fg: #f0e9ef;
+  --muted: #a89ab4;
+
+  /* ── 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: #57e0c8;
+  --heading-weight: 700;
+  --link: #f78fc0;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #ef6fae;
+  --accent-contrast: #303027;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1f2535;
+  --block-border: 1px solid #373b46;
+  --block-radius: 10px;
+  --shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #181022;
+  --code-fg: #f0e8f0;
+  --hl-keyword: #f78fc0;
+  --hl-string: #6fe0c8;
+  --hl-number: #f0c880;
+  --hl-comment: #8a7a9a;
+  --hl-function: #8fb8f8;
+  --hl-type: #d8a8f0;
+  --hl-punct: #c0b4cc;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #a89ab4;
+  --d-text: #f0e9ef;
+  --d-muted: #a89ab4;
+  --d-accent: #ef6fae;
+  --d-fill-1: #36272f;
+  --d-fill-2: #283f3c;
+  --d-fill-3: #332848;
+  --d-fill-4: #272f36;
+  --d-fill-5: #3f3028;
+  --d-fill-6: #482848;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #120c1c;
+  --term-fg: #e6e6e2;
+  --term-prompt: #ef6fae;
+  --term-cursor: #ef6fae;
+  --term-selection: rgba(239, 111, 174, 0.28);
+  --ansi-black: #9a8aa8;
+  --ansi-red: #f08a9a;
+  --ansi-green: #6fe0c8;
+  --ansi-yellow: #f0c880;
+  --ansi-blue: #8fb8f8;
+  --ansi-magenta: #f78fc0;
+  --ansi-cyan: #7fe0e8;
+  --ansi-white: #f4eef4;
+  --ansi-bright-black: #b8adc2;
+  --ansi-bright-red: #f7c0c9;
+  --ansi-bright-green: #a1ebdb;
+  --ansi-bright-yellow: #f6e0b7;
+  --ansi-bright-blue: #c9ddfc;
+  --ansi-bright-magenta: #fbc8e0;
+  --ansi-bright-cyan: #b3edf1;
+  --ansi-bright-white: #f7f3f7;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.28;
+}

package/themes/midnight.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · midnight
+   dark · Late-night indigo and warm lamplight amber — the hacking hour
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #1a1c2f;
+  --bg-accent: #1a2048;
+  --fg: #e4e7fb;
+  --muted: #a2a9d6;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --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: #ffd9a0;
+  --heading-weight: 700;
+  --link: #8fb5ff;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #e7b16c;
+  --accent-contrast: #2b1800;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1a1f45;
+  --block-border: 1px solid #2c3468;
+  --block-radius: 10px;
+  --shadow: 0 10px 32px rgba(4, 6, 24, 0.6);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #0e1129;
+  --code-fg: #dde2fa;
+  --hl-keyword: #ffb454;
+  --hl-string: #8be8ad;
+  --hl-number: #ff9e9e;
+  --hl-comment: #7f87b8;
+  --hl-function: #8fb5ff;
+  --hl-type: #c5aaff;
+  --hl-punct: #a9b0d8;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #5b64a8;
+  --d-text: #e4e7fb;
+  --d-muted: #9098c8;
+  --d-accent: #ffb454;
+  --d-fill-1: #1e2452;
+  --d-fill-2: #252c63;
+  --d-fill-3: #2b2350;
+  --d-fill-4: #1f2f5e;
+  --d-fill-5: #2c3158;
+  --d-fill-6: #232858;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0a0d22;
+  --term-fg: #d9defa;
+  --term-prompt: #ffb454;
+  --term-cursor: #ffb454;
+  --term-selection: rgba(255, 180, 84, 0.26);
+  --ansi-black: #828ab8;
+  --ansi-red: #ff8298;
+  --ansi-green: #7fe0a8;
+  --ansi-yellow: #ffce73;
+  --ansi-blue: #82aaff;
+  --ansi-magenta: #c79bf5;
+  --ansi-cyan: #79dce8;
+  --ansi-white: #e2e6fa;
+  --ansi-bright-black: #9aa2cc;
+  --ansi-bright-red: #ffa8b8;
+  --ansi-bright-green: #a5ecc3;
+  --ansi-bright-yellow: #ffdf9c;
+  --ansi-bright-blue: #a8c4ff;
+  --ansi-bright-magenta: #dbbcfa;
+  --ansi-bright-cyan: #a3e9f0;
+  --ansi-bright-white: #fafafa;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}

package/themes/mint.css

@@ -0,0 +1,82 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap');
+
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · mint
+   light · Cool spearmint SaaS-fresh — pill shapes, modern grotesk
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f2faf7;
+  --bg-accent: #e2f4ec;
+  --fg: #1f3a34;
+  --muted: #546b64;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: "Space Grotesk", "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: #0b6653;
+  --heading-weight: 700;
+  --link: #0c7a63;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #13725c;
+  --accent-contrast: #eafff8;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fafafa;
+  --block-border: 1px solid #cfe8dd;
+  --block-radius: 22px;
+  --shadow: 0 6px 24px rgba(13, 147, 115, 0.09);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #e2f2eb;
+  --code-fg: #22403a;
+  --hl-keyword: #0c7a63;
+  --hl-string: #8a4a10;
+  --hl-number: #b3216a;
+  --hl-comment: #5c7068;
+  --hl-function: #1e5aa8;
+  --hl-type: #7038d8;
+  --hl-punct: #42584f;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #4d7a6d;
+  --d-text: #1f3a34;
+  --d-muted: #618078;
+  --d-accent: #0d9373;
+  --d-fill-1: #cdeee0;
+  --d-fill-2: #daf2e8;
+  --d-fill-3: #c2e8dc;
+  --d-fill-4: #e5f5e0;
+  --d-fill-5: #d2eee8;
+  --d-fill-6: #ddf0d5;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #132a24;
+  --term-fg: #d9e8e2;
+  --term-prompt: #5ce8bb;
+  --term-cursor: #5ce8bb;
+  --term-selection: rgba(92, 232, 187, 0.26);
+  --ansi-black: #7e948c;
+  --ansi-red: #f0897e;
+  --ansi-green: #5ce0a8;
+  --ansi-yellow: #dcc26e;
+  --ansi-blue: #7eb2e0;
+  --ansi-magenta: #c2a0d8;
+  --ansi-cyan: #6cd5ca;
+  --ansi-white: #dee9e4;
+  --ansi-bright-black: #97a8a1;
+  --ansi-bright-red: #f5aba2;
+  --ansi-bright-green: #8feec5;
+  --ansi-bright-yellow: #ead294;
+  --ansi-bright-blue: #a5caec;
+  --ansi-bright-magenta: #d6bce5;
+  --ansi-bright-cyan: #98e5dc;
+  --ansi-bright-white: #f4fbf8;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/moss.css

@@ -0,0 +1,82 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · moss
+   dark · Old-forest greens with bookish serif headings — damp and calm
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #141a14;
+  --bg-accent: #1b241b;
+  --fg: #e9f0e2;
+  --muted: #adbfa5;
+
+  /* ── 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: #cfe6b8;
+  --heading-weight: 600;
+  --link: #a8d888;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #9ccc65;
+  --accent-contrast: #15250a;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1c241c;
+  --block-border: 1px solid #2d3a2b;
+  --block-radius: 8px;
+  --shadow: 0 8px 24px rgba(3, 8, 3, 0.55);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #101610;
+  --code-fg: #e2ead9;
+  --hl-keyword: #a8d888;
+  --hl-string: #d5c586;
+  --hl-number: #8fd0b5;
+  --hl-comment: #8ba083;
+  --hl-function: #9cc0e8;
+  --hl-type: #c5b8e0;
+  --hl-punct: #aebfa6;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #6f8a62;
+  --d-text: #e9f0e2;
+  --d-muted: #9cae93;
+  --d-accent: #9ccc65;
+  --d-fill-1: #1f2a1c;
+  --d-fill-2: #243522;
+  --d-fill-3: #2b2f1e;
+  --d-fill-4: #1e3226;
+  --d-fill-5: #293225;
+  --d-fill-6: #222d20;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0d120d;
+  --term-fg: #dfe8d6;
+  --term-prompt: #9ccc65;
+  --term-cursor: #9ccc65;
+  --term-selection: rgba(156, 204, 101, 0.26);
+  --ansi-black: #899a82;
+  --ansi-red: #e88a80;
+  --ansi-green: #9ccc65;
+  --ansi-yellow: #d9c26b;
+  --ansi-blue: #8ab0d8;
+  --ansi-magenta: #c0a0d0;
+  --ansi-cyan: #8bccb8;
+  --ansi-white: #e6ecdd;
+  --ansi-bright-black: #a0b098;
+  --ansi-bright-red: #f2aaa2;
+  --ansi-bright-green: #b8e08c;
+  --ansi-bright-yellow: #e8d494;
+  --ansi-bright-blue: #a8c8e8;
+  --ansi-bright-magenta: #d5bce2;
+  --ansi-bright-cyan: #abdccd;
+  --ansi-bright-white: #fbfef7;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.32;
+}
+
+.decklight h1, .decklight h2 { font-style: italic; }