decklight 0.1.0

package/themes/genesis.css

@@ -0,0 +1,84 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · genesis
+   dark · console black, Sega blue, one red stripe, a bar of gold
+   Inspired by the Sega Genesis — black shell, red stripe, 16-BIT gold — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #101013;
+  --bg-accent: none;
+  --fg: #e6e6ea;
+  --muted: #9a9aa4;
+
+  /* ── 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: #4f8fe8;
+  --heading-weight: 800;
+  --link: #6aa8f0;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #2b6cd7;
+  --accent-contrast: #fbfbfa;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #18181f;
+  --block-border: 1px solid #2a2a36;
+  --block-radius: 6px;
+  --shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #16161b;
+  --code-fg: #e8e8ec;
+  --hl-keyword: #6aa8f0;
+  --hl-string: #caa544;
+  --hl-number: #e07a68;
+  --hl-comment: #70707c;
+  --hl-function: #8fc0f8;
+  --hl-type: #d8b868;
+  --hl-punct: #b0b0bc;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #9a9aa4;
+  --d-text: #e6e6ea;
+  --d-muted: #9a9aa4;
+  --d-accent: #e05a48;
+  --d-fill-1: #1c1f26;
+  --d-fill-2: #2e291e;
+  --d-fill-3: #37211f;
+  --d-fill-4: #1c1c26;
+  --d-fill-5: #2e251e;
+  --d-fill-6: #1f2f37;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0c0c10;
+  --term-fg: #e6e6e2;
+  --term-prompt: #2b6cd7;
+  --term-cursor: #2b6cd7;
+  --term-selection: rgba(43, 108, 215, 0.28);
+  --ansi-black: #89919f;
+  --ansi-red: #d0726c;
+  --ansi-green: #6cd06d;
+  --ansi-yellow: #d0b46c;
+  --ansi-blue: #6c9dd0;
+  --ansi-magenta: #b86cd0;
+  --ansi-cyan: #6cd0c0;
+  --ansi-white: #dee0e3;
+  --ansi-bright-black: #a7acb4;
+  --ansi-bright-red: #e49a95;
+  --ansi-bright-green: #95e496;
+  --ansi-bright-yellow: #e4ce95;
+  --ansi-bright-blue: #95bce4;
+  --ansi-bright-magenta: #d195e4;
+  --ansi-bright-cyan: #95e4d7;
+  --ansi-bright-white: #f2f2f3;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}
+
+.decklight h1, .decklight h2 { text-transform: uppercase; letter-spacing: 0.06em; font-style: italic; }

package/themes/glacier.css

@@ -0,0 +1,82 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · glacier
+   light · Arctic daylight — ice blue, crisp thin lines
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #f3f7fb;
+  --bg-accent: #e7eef6;
+  --fg: #233140;
+  --muted: #5d6b7c;
+
+  /* ── 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: #1c4d7c;
+  --heading-weight: 500;
+  --link: #1e62a8;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #2a6ea8;
+  --accent-contrast: #f4faff;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fafafa;
+  --block-border: 1px solid #d5e0ec;
+  --block-radius: 8px;
+  --shadow: 0 4px 16px rgba(30, 60, 100, 0.08);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #e7eef6;
+  --code-fg: #27343f;
+  --hl-keyword: #1e62a8;
+  --hl-string: #276b46;
+  --hl-number: #8a4a10;
+  --hl-comment: #61708a;
+  --hl-function: #7a3f92;
+  --hl-type: #0f6e73;
+  --hl-punct: #48566a;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #54718c;
+  --d-text: #233140;
+  --d-muted: #6a7889;
+  --d-accent: #2f7fc4;
+  --d-fill-1: #dce9f5;
+  --d-fill-2: #d2e5f2;
+  --d-fill-3: #e2eef8;
+  --d-fill-4: #c9e2f0;
+  --d-fill-5: #d8ecf5;
+  --d-fill-6: #e5f0fa;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #16222e;
+  --term-fg: #dce5ee;
+  --term-prompt: #7cc2e8;
+  --term-cursor: #7cc2e8;
+  --term-selection: rgba(124, 194, 232, 0.26);
+  --ansi-black: #8494a5;
+  --ansi-red: #ee8a92;
+  --ansi-green: #8fd0a0;
+  --ansi-yellow: #e0c478;
+  --ansi-blue: #7cb5e5;
+  --ansi-magenta: #bda2d8;
+  --ansi-cyan: #7ed0d0;
+  --ansi-white: #e0e7ee;
+  --ansi-bright-black: #9caab9;
+  --ansi-bright-red: #f5acb2;
+  --ansi-bright-green: #aee2bc;
+  --ansi-bright-yellow: #ecd69e;
+  --ansi-bright-blue: #a3ccf0;
+  --ansi-bright-magenta: #d3bee8;
+  --ansi-bright-cyan: #a3e2e2;
+  --ansi-bright-white: #f8fbfd;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}
+
+.decklight h1, .decklight h2 { letter-spacing: 0.01em; }

package/themes/godfather.css

@@ -0,0 +1,82 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · godfather
+   dark · undertaker black, serif ivory, one dark red rose
+   Inspired by The Godfather — black suits, a rose, old gold — palette kept canonical where possible,
+   every gated pair fitted to the WCAG contract.
+   Token contract: SPEC.md §5 — validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #131110;
+  --bg-accent: none;
+  --fg: #e8e0cc;
+  --muted: #9a9081;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, 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: #efe6ce;
+  --heading-weight: 600;
+  --link: #c8a05f;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #8e2f35;
+  --accent-contrast: #fbfbfa;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1f1b18;
+  --block-border: 1px solid #362e2a;
+  --block-radius: 4px;
+  --shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #1a1715;
+  --code-fg: #e8e2d2;
+  --hl-keyword: #d8b878;
+  --hl-string: #b0c090;
+  --hl-number: #d09080;
+  --hl-comment: #7a7266;
+  --hl-function: #a8b8c8;
+  --hl-type: #c8b898;
+  --hl-punct: #aaa294;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #9a9081;
+  --d-text: #e8e0cc;
+  --d-muted: #9a9081;
+  --d-accent: #b08c4a;
+  --d-fill-1: #26231c;
+  --d-fill-2: #2e1e1f;
+  --d-fill-3: #37291f;
+  --d-fill-4: #26261c;
+  --d-fill-5: #1e262e;
+  --d-fill-6: #371f27;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0f0d0c;
+  --term-fg: #e6e6e2;
+  --term-prompt: #b03a42;
+  --term-cursor: #b03a42;
+  --term-selection: rgba(142, 47, 53, 0.28);
+  --ansi-black: #9f898b;
+  --ansi-red: #c38b79;
+  --ansi-green: #79c388;
+  --ansi-yellow: #c3bc79;
+  --ansi-blue: #7990c3;
+  --ansi-magenta: #bf79c3;
+  --ansi-cyan: #79c1c3;
+  --ansi-white: #e3dede;
+  --ansi-bright-black: #b4a7a8;
+  --ansi-bright-red: #dbad9e;
+  --ansi-bright-green: #9edbaa;
+  --ansi-bright-yellow: #dbd69e;
+  --ansi-bright-blue: #9eb1db;
+  --ansi-bright-magenta: #d89edb;
+  --ansi-bright-cyan: #9ed9db;
+  --ansi-bright-white: #f3f2f2;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.25;
+}

package/themes/graphite.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · graphite
+   dark · Matte charcoal with a machined orange accent — engineering clean
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #17191c;
+  --bg-accent: #1f2226;
+  --fg: #e7e9ec;
+  --muted: #a2a8b0;
+
+  /* ── 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: #f5f6f8;
+  --heading-weight: 700;
+  --link: #7fb2f0;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #e49058;
+  --accent-contrast: #241000;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1e2126;
+  --block-border: 1px solid #2c3036;
+  --block-radius: 10px;
+  --shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #101214;
+  --code-fg: #e2e5e9;
+  --hl-keyword: #f0955f;
+  --hl-string: #9ecf83;
+  --hl-number: #e8c268;
+  --hl-comment: #828a94;
+  --hl-function: #84b8f5;
+  --hl-type: #d3a6e8;
+  --hl-punct: #aab2bc;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8b929c;
+  --d-text: #e7e9ec;
+  --d-muted: #9aa1aa;
+  --d-accent: #ff8a3d;
+  --d-fill-1: #26292e;
+  --d-fill-2: #2d3138;
+  --d-fill-3: #33302a;
+  --d-fill-4: #2a2e35;
+  --d-fill-5: #30343b;
+  --d-fill-6: #282b31;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #0e1012;
+  --term-fg: #dcdfe3;
+  --term-prompt: #ff8a3d;
+  --term-cursor: #ff8a3d;
+  --term-selection: rgba(255, 138, 61, 0.30);
+  --ansi-black: #8b8f98;
+  --ansi-red: #ff8f73;
+  --ansi-green: #a3d977;
+  --ansi-yellow: #ffc857;
+  --ansi-blue: #7fb2f0;
+  --ansi-magenta: #d8a2e8;
+  --ansi-cyan: #7fdbd2;
+  --ansi-white: #e5e7ea;
+  --ansi-bright-black: #a5aab3;
+  --ansi-bright-red: #ffb09c;
+  --ansi-bright-green: #bde79a;
+  --ansi-bright-yellow: #ffd98a;
+  --ansi-bright-blue: #a5cbf7;
+  --ansi-bright-magenta: #e7c2f2;
+  --ansi-bright-cyan: #a5e9e2;
+  --ansi-bright-white: #fafafa;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}

package/themes/harvest.css

@@ -0,0 +1,80 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · harvest
+   light · October ivory — pumpkin, ochre, sturdy slab headings
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #fbf5ea;
+  --bg-accent: #f5ead6;
+  --fg: #3f3120;
+  --muted: #71624c;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-heading: Rockwell, "Roboto Slab", "Bookman Old Style", Georgia, serif;
+  --font-mono: "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
+  --heading-color: #9a4a00;
+  --heading-weight: 700;
+  --link: #a04d10;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #8e5517;
+  --accent-contrast: #fff7ec;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #fffaf0;
+  --block-border: 1px solid #e8d9be;
+  --block-radius: 8px;
+  --shadow: 0 5px 16px rgba(140, 90, 20, 0.09);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #f5ead6;
+  --code-fg: #3d3122;
+  --hl-keyword: #a04d10;
+  --hl-string: #33691e;
+  --hl-number: #8a2e42;
+  --hl-comment: #6d604b;
+  --hl-function: #1d558a;
+  --hl-type: #7a3f92;
+  --hl-punct: #5a4c38;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8a734f;
+  --d-text: #3f3120;
+  --d-muted: #7c6c54;
+  --d-accent: #c26a00;
+  --d-fill-1: #f6e4c4;
+  --d-fill-2: #efe0ba;
+  --d-fill-3: #fae9cd;
+  --d-fill-4: #ecd7ac;
+  --d-fill-5: #f2e2c9;
+  --d-fill-6: #f8ecd2;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #2b2113;
+  --term-fg: #efe5d2;
+  --term-prompt: #f5b860;
+  --term-cursor: #f5b860;
+  --term-selection: rgba(245, 184, 96, 0.26);
+  --ansi-black: #9c8c72;
+  --ansi-red: #f28a70;
+  --ansi-green: #adc876;
+  --ansi-yellow: #f2c052;
+  --ansi-blue: #98b5d8;
+  --ansi-magenta: #cfa2c5;
+  --ansi-cyan: #95cdb0;
+  --ansi-white: #ede2cc;
+  --ansi-bright-black: #ad9e84;
+  --ansi-bright-red: #f7ab92;
+  --ansi-bright-green: #c5da98;
+  --ansi-bright-yellow: #f8d47e;
+  --ansi-bright-blue: #b5cae5;
+  --ansi-bright-magenta: #dfbcd8;
+  --ansi-bright-cyan: #b2e0c6;
+  --ansi-bright-white: #fdf6e9;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+}

package/themes/ibm-modern.css

@@ -0,0 +1,83 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · ibm-modern
+   dark · Carbon-design g100: Plex type, IBM Blue 60, engineered calm
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   rule-exception: R3 official IBM Blue 60 (#0f62fe) is the identity
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #151619;
+  --bg-accent: none;
+  --fg: #f2f4f8;
+  --muted: #a6a9b3;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --font-heading: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
+  --heading-color: #f2f4f8;
+  --heading-weight: 600;
+  --link: #78a9ff;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #0f62fe;
+  --accent-contrast: #f6f8ff;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #24262b;
+  --block-border: 1px solid #383b42;
+  --block-radius: 8px;
+  --shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #1a1c20;
+  --code-fg: #f2f4f8;
+  --hl-keyword: #78a9ff;
+  --hl-string: #6fdc8c;
+  --hl-number: #f1c21b;
+  --hl-comment: #9298a3;
+  --hl-function: #be95ff;
+  --hl-type: #3ddbd9;
+  --hl-punct: #c1c7cd;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #6f7683;
+  --d-text: #f2f4f8;
+  --d-muted: #a6a9b3;
+  --d-accent: #78a9ff;
+  --d-fill-1: #1f2732;
+  --d-fill-2: #21272a;
+  --d-fill-3: #262630;
+  --d-fill-4: #1c2a24;
+  --d-fill-5: #2a2431;
+  --d-fill-6: #252017;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #101114;
+  --term-fg: #f2f4f8;
+  --term-prompt: #42be65;
+  --term-cursor: #f2f4f8;
+  --term-selection: rgba(15, 98, 254, 0.35);
+  --ansi-black: #878d96;
+  --ansi-red: #fa4d56;
+  --ansi-green: #42be65;
+  --ansi-yellow: #f1c21b;
+  --ansi-blue: #78a9ff;
+  --ansi-magenta: #be95ff;
+  --ansi-cyan: #3ddbd9;
+  --ansi-white: #dde1e6;
+  --ansi-bright-black: #a2a9b0;
+  --ansi-bright-red: #ff8389;
+  --ansi-bright-green: #6fdc8c;
+  --ansi-bright-yellow: #fddc69;
+  --ansi-bright-blue: #a6c8ff;
+  --ansi-bright-magenta: #d4bbff;
+  --ansi-bright-cyan: #9ef0f0;
+  --ansi-bright-white: #f6f8ff;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}
+
+.decklight h1, .decklight h2 { letter-spacing: -0.01em; }

package/themes/ibm-oldschool.css

@@ -0,0 +1,84 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · ibm-oldschool
+   dark · 3270 green-phosphor mainframe: one green, many brightnesses
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   rule-exception: R1 green phosphor plus an amber caution lamp is the identity
+   rule-exception: R5 phosphor CRT — one green at many brightnesses is the identity
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #0a0f0b;
+  --bg-accent: radial-gradient(ellipse at 50% 38%, #0d1710 0%, #0a0f0b 72%);
+  --fg: #4ce063;
+  --muted: #35a04b;
+
+  /* ── type ───────────────────────────────── */
+  --font-body: "IBM Plex Mono", "Courier New", Courier, monospace;
+  --font-heading: "IBM Plex Mono", "Courier New", Courier, monospace;
+  --font-mono: "IBM Plex Mono", "Courier New", Courier, monospace;
+  --heading-color: #5ff277;
+  --heading-weight: 700;
+  --link: #8df2a3;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #e2b263;
+  --accent-contrast: #1d1500;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #0e1810;
+  --block-border: 1px solid #1e3b26;
+  --block-radius: 2px;
+  --shadow: 0 0 26px rgba(76, 224, 99, 0.14);
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #0c130d;
+  --code-fg: #4ce063;
+  --hl-keyword: #8df2a3;
+  --hl-string: #bdf2c8;
+  --hl-number: #e2b263;
+  --hl-comment: #2f8f43;
+  --hl-function: #a3f2b4;
+  --hl-type: #d6f2a3;
+  --hl-punct: #57c973;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #2f7a43;
+  --d-text: #5ce873;
+  --d-muted: #39ab50;
+  --d-accent: #e2b263;
+  --d-fill-1: #0d1a10;
+  --d-fill-2: #0f2013;
+  --d-fill-3: #101b12;
+  --d-fill-4: #12240f;
+  --d-fill-5: #0e1d15;
+  --d-fill-6: #132612;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #081008;
+  --term-fg: #4ce063;
+  --term-prompt: #e2b263;
+  --term-cursor: #4ce063;
+  --term-selection: rgba(76, 224, 99, 0.3);
+  --ansi-black: #2f7a43;
+  --ansi-red: #e07a63;
+  --ansi-green: #4ce063;
+  --ansi-yellow: #e2b263;
+  --ansi-blue: #63b8d9;
+  --ansi-magenta: #c98fd1;
+  --ansi-cyan: #5fd9c2;
+  --ansi-white: #c9eecf;
+  --ansi-bright-black: #3f9e56;
+  --ansi-bright-red: #f2a08c;
+  --ansi-bright-green: #7ef29a;
+  --ansi-bright-yellow: #f8d178;
+  --ansi-bright-blue: #8fd1ec;
+  --ansi-bright-magenta: #ddb0e3;
+  --ansi-bright-cyan: #8ceada;
+  --ansi-bright-white: #e7f8ea;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.3;
+}
+
+.decklight h1, .decklight h2 { text-transform: uppercase; letter-spacing: 0.06em; }

package/themes/ink.css

@@ -0,0 +1,82 @@
+/* ═══════════════════════════════════════════════════════════════
+   Decklight theme · ink
+   dark · Sumi-e minimal — warm black, unbleached paper text, one vermillion stroke
+   Token contract: SPEC.md §5 — all values validated by test/contrast.mjs
+   ═══════════════════════════════════════════════════════════════ */
+
+.decklight {
+  /* ── canvas ─────────────────────────────── */
+  --bg: #191714;
+  --bg-accent: #211e1a;
+  --fg: #f2ead9;
+  --muted: #b5ab97;
+
+  /* ── 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: #f8f2e4;
+  --heading-weight: 500;
+  --link: #f0a08a;
+
+  /* ── accent ─────────────────────────────── */
+  --accent: #e36356;
+  --accent-contrast: #2b0703;
+
+  /* ── blocks ─────────────────────────────── */
+  --block-bg: #1f1c18;
+  --block-border: 1px solid #35302a;
+  --block-radius: 2px;
+  --shadow: none;
+
+  /* ── code ───────────────────────────────── */
+  --code-bg: #14120f;
+  --code-fg: #ece4d2;
+  --hl-keyword: #eea18c;
+  --hl-string: #c5c58d;
+  --hl-number: #e0b880;
+  --hl-comment: #918876;
+  --hl-function: #a6bcd2;
+  --hl-type: #cdb89e;
+  --hl-punct: #b0a795;
+
+  /* ── diagram ────────────────────────────── */
+  --d-stroke: #8a8272;
+  --d-text: #f2ead9;
+  --d-muted: #a59c88;
+  --d-accent: #ff4d3a;
+  --d-fill-1: #242018;
+  --d-fill-2: #2a251c;
+  --d-fill-3: #211f1d;
+  --d-fill-4: #2e2820;
+  --d-fill-5: #262320;
+  --d-fill-6: #2b2419;
+
+  /* ── terminal ───────────────────────────── */
+  --term-bg: #12100d;
+  --term-fg: #e8e0cf;
+  --term-prompt: #ff4d3a;
+  --term-cursor: #f2ead9;
+  --term-selection: rgba(242, 234, 217, 0.2);
+  --term-chrome: none;
+  --ansi-black: #948b7a;
+  --ansi-red: #f0796a;
+  --ansi-green: #a8bc7f;
+  --ansi-yellow: #dcbc72;
+  --ansi-blue: #93accc;
+  --ansi-magenta: #c8a0b8;
+  --ansi-cyan: #95c2b5;
+  --ansi-white: #ece4d4;
+  --ansi-bright-black: #a89f8d;
+  --ansi-bright-red: #f59f93;
+  --ansi-bright-green: #c0d29c;
+  --ansi-bright-yellow: #e8cf98;
+  --ansi-bright-blue: #b0c5e0;
+  --ansi-bright-magenta: #dabbcd;
+  --ansi-bright-cyan: #b3d8cc;
+  --ansi-bright-white: #fbf6ea;
+
+  /* ── builds ─────────────────────────────── */
+  --dim-opacity: 0.35;
+  --build-duration: 220ms;
+}