@bongos/core 1.19.90 → 1.19.91

package/.bongos-core.json

@@ -2,22 +2,22 @@
   "artifact": "bongos-core",
   "manifest_schema": 1,
   "generator": "scripts/gds/package-core.js",
-  "core_version": "1.19.90",
-  "core_contract": "1.19.90",
-  "source_commit": "45d0b3918cf244fda1eb923ed5d62224bc5885cb",
+  "core_version": "1.19.91",
+  "core_contract": "1.19.91",
+  "source_commit": "157eeaee12b32ba8b9e23f62cf8476cc689e3e07",
   "source_ref": "HEAD",
-  "built_at": "2026-08-13T15:51:02.618Z",
+  "built_at": "2026-08-13T16:52:49.920Z",
   "redaction": {
     "model": "docs-redacted+functional-verbatim",
     "docs_redacted": 298,
     "agent_docs_stubbed": 21,
-    "functional_verbatim": 1239,
+    "functional_verbatim": 1240,
     "rules": 3,
     "gate_literals": 3,
     "gate": "passed"
   },
-  "file_count": 1558,
-  "tree_sha256": "7dc9f0a0062008bfdc80372316b3d7ff5ce73181237509094f584b99efe5573d",
+  "file_count": 1559,
+  "tree_sha256": "a915672ef661add366011ce3030a79b196e486e67a437c4531c54de0b0bc3f87",
   "files": [
     {
       "path": ".claude/skills/blocker-review/SKILL.md",
@@ -382,7 +382,7 @@
     {
       "path": "config/branding.neutral.json",
       "mode": "0000644",
-      "sha256": "48460f6fba8d39293c091cc1cd908896bd670c5eae5bab8665f755211e0f5790"
+      "sha256": "48dc7ade227b763df5d9942930200042a3b76a7e1d00c281c43c2ab5304bf0da"
     },
     {
       "path": "config/design-tokens.neutral.json",
@@ -2442,7 +2442,7 @@
     {
       "path": "modules/dev-box/app/assets/tray/win-alert.png",
       "mode": "0000644",
-      "sha256": "ce381ff0ae4d29c684d0e864c4f05806548b24da4c17b900a4b87fb7d7b977a7"
+      "sha256": "73942a14cfda866a34925347134215b06e861ac1a52367494486b648b097211e"
     },
     {
       "path": "modules/dev-box/app/assets/tray/win-busy.png",
@@ -2457,7 +2457,7 @@
     {
       "path": "modules/dev-box/app/assets/tray/win-on.png",
       "mode": "0000644",
-      "sha256": "6611cb8cbe81102028705085ec5f093d056f7b4f82220cefe25acdab68156367"
+      "sha256": "9a3f573e1c2fb0d6a3a3776acbd02e0ee8e5ea6f7728ea2f55244c234a895600"
     },
     {
       "path": "modules/dev-box/app/build-resources/dmg-background.png",
@@ -2472,7 +2472,7 @@
     {
       "path": "modules/dev-box/app/build-resources/icon.png",
       "mode": "0000644",
-      "sha256": "03edf4c2ad4d5059f28e641e37b5b932087b508aeca23f64251b00ec1eea29f0"
+      "sha256": "cf5624a459169a6d14c5e0da4ad8f1da9311cbd809155f48260315a90f2103de"
     },
     {
       "path": "modules/dev-box/app/electron-builder.tmpl.yml",
@@ -2512,7 +2512,7 @@
     {
       "path": "modules/dev-box/app/renderer/theme.generated.css",
       "mode": "0000644",
-      "sha256": "579376e7f7bccc9632a739942d20f3dfe6fb3a75e7118bf0f2503ea315faa574"
+      "sha256": "3c094f5d9b66e4341a400ed346a5a175af322061df285a9501e861a166bfb001"
     },
     {
       "path": "modules/dev-box/app/scripts/apply-dmg-backdrop.sh",
@@ -2527,17 +2527,17 @@
     {
       "path": "modules/dev-box/app/scripts/gen-brand.js",
       "mode": "0000644",
-      "sha256": "37d7b4d6c3ea5e0cfa7e280353b3adb9f68b7c5e7bababfe1c1ba809706dd145"
+      "sha256": "6db7c137770881ec17bc9038bf2a8e65b004399acc7ad75044f46d1215b169ba"
     },
     {
       "path": "modules/dev-box/app/scripts/gen-dmg-backdrop.py",
       "mode": "0000644",
-      "sha256": "8493db368ac3364f559f166eea3421a4e85c11503d056e8eb3e41e70ac1198cc"
+      "sha256": "eb8e0b225d30f6fd64cd029858de533f3ddfba1386beba174f05e1838ba90ed1"
     },
     {
       "path": "modules/dev-box/app/scripts/gen-icons.js",
       "mode": "0000644",
-      "sha256": "b6dd666505d4c0c3d28b69082945792c88a78cc40ac79191921dec196a904d28"
+      "sha256": "73459e71eee0de08490e98889de7e633b0c9c3aeebeb10c6ec041ae65393d9be"
     },
     {
       "path": "modules/dev-box/app/scripts/vendor-client.js",
@@ -2552,7 +2552,7 @@
     {
       "path": "modules/dev-box/app/src/brand.generated.json",
       "mode": "0000644",
-      "sha256": "3e4f63a8538668fafea5c7017e858930c42684c57de0ea3d55b1368a2a3c125b"
+      "sha256": "a230bd4095c23b5f3fcb41f9f691398ca2560a820dd9d01346fee7aec5f07cf9"
     },
     {
       "path": "modules/dev-box/app/src/brand.js",
@@ -4112,12 +4112,12 @@
     {
       "path": "package-lock.json",
       "mode": "0000644",
-      "sha256": "e2360c5ef62eeb078207fc6b3e1230d4f7099a58f2c78c6b204d5de6df1a4ba2"
+      "sha256": "9d710f118a6ae91aadb6111cde0ee0db020c018ce405b687236c84f75c8f69f1"
     },
     {
       "path": "package.json",
       "mode": "0000644",
-      "sha256": "34e9ad3018b2d905c6cf60f10bb9ddc6db4b9547facf4df8ee6284f646c93201"
+      "sha256": "1c7c2996a68dde5369dd07c387737614af9292244de4db2fa9fb0a70912e94aa"
     },
     {
       "path": "public-docs/index.html",
@@ -4357,7 +4357,7 @@
     {
       "path": "public-landing/assets/cosmos.css",
       "mode": "0000644",
-      "sha256": "d38bef9066bf2cc7cf2fbe493af5e9dd7a4f4b20f7f051460e72fc6c0d98012d"
+      "sha256": "85fbc4908f2a288b324e58beb490df67d44df294da1a3422347795077770ee1c"
     },
     {
       "path": "public-landing/buddha.png",
@@ -4437,7 +4437,7 @@
     {
       "path": "public-landing/index.html",
       "mode": "0000644",
-      "sha256": "e43daead0661cbae65c579dd9fbd6a70826c19bc444204dde6fa7dbc82d04e45"
+      "sha256": "38292de5ed174fad5fe806a9adf369cf6ecd7df9377e79e05d2834e48a21b766"
     },
     {
       "path": "public-landing/projects.html",
@@ -5472,7 +5472,7 @@
     {
       "path": "scripts/status-mirror-sync.js",
       "mode": "0000644",
-      "sha256": "05f7e38def6018c8377e9205e6f555994a27b650f8202c80f5855239a9d2c65c"
+      "sha256": "845c8dad87038fe273563e8eda7126e70ac1afe8f9eee8c4364a4404490c4f5f"
     },
     {
       "path": "scripts/status-probe.mjs",
@@ -5722,7 +5722,7 @@
     {
       "path": "src/bongos/serve-internal.js",
       "mode": "0000644",
-      "sha256": "006a51d3bd71cc496742e9399c53dc5b1ebd18c87a54e675aabda6ac312b4b96"
+      "sha256": "693ef4dfd3619a2d999e6223de0e2d51b697cf4004c482b74f60b8cfb362a566"
     },
     {
       "path": "src/bongos/uptime-poller.js",
@@ -5752,7 +5752,7 @@
     {
       "path": "src/module-api.js",
       "mode": "0000644",
-      "sha256": "fb1e1a8efafde2d29df7b9dd4e9de53a985a858b7f0a26517baf1632c4227d96"
+      "sha256": "d1f73a5d0f57613d96dd88738b593dd343e8330bc5452d414fd8752aa78da7f0"
     },
     {
       "path": "src/module-loader/loader.js",
@@ -5787,7 +5787,7 @@
     {
       "path": "src/platform-server.js",
       "mode": "0000644",
-      "sha256": "04204149610d3b7ebc087fb6feb9dc86f25bb08b1ef52003dddc378861557d46"
+      "sha256": "2f43ee21d8268940b0f76e20db0fcaf1220f1cb264363fc61c2856d9943b14c9"
     },
     {
       "path": "src/ui/adapters/claude-design/index.js",
@@ -6222,7 +6222,7 @@
     {
       "path": "tests/cloud_bongos_pack.mjs",
       "mode": "0000644",
-      "sha256": "edfa4f2dad99e969d45b3fe37bc88aa9d0926d24d907cd8dade2ca0ee467ab11"
+      "sha256": "715fecde91ee9dff56dfca9b9da46a47b49322b0dd50aad1bd606491f551fe06"
     },
     {
       "path": "tests/conductor.mjs",
@@ -6914,6 +6914,11 @@
       "mode": "0000644",
       "sha256": "902c84c460d4c3bda61ec80be7da935085a5f66a8a1c508efe747c4366a717e6"
     },
+    {
+      "path": "tests/landing_page.mjs",
+      "mode": "0000644",
+      "sha256": "0399fd099ef383f1bb174e9997bccdc5c4e5cd26cdef94f56131641ecbde05c8"
+    },
     {
       "path": "tests/lifecycle-card.mjs",
       "mode": "0000644",

package/config/branding.neutral.json

@@ -34,18 +34,18 @@
     "mode": "cloud-bongos",
     "ui": {
       "colors": {
-        "bg": "#fff7ed", "bgCard": "#ffffff", "bgDeep": "#ffedd5", "bgFrame": "#fde4c8",
-        "ink": "#2a1f17", "inkSoft": "#6b5d52", "inkFaint": "#756a60",
-        "rule": "#fdba74", "ruleSoft": "#fed7aa",
-        "accent": "#ce4806", "accentDeep": "#9e3406", "sea": "#38bdf8", "terracotta": "#fb7185"
+        "bg": "#f9d9a8", "bgCard": "#fffaf2", "bgDeep": "#f6d8ae", "bgFrame": "#f0c489",
+        "ink": "#2b170e", "inkSoft": "#6d4a33", "inkFaint": "#785a41",
+        "rule": "#e8a463", "ruleSoft": "#f6d8ae",
+        "accent": "#ce4806", "accentDeep": "#9e3406", "sea": "#0f7a96", "terracotta": "#855b3d"
       },
       "fonts": {
         "display": "\"Baloo 2\", \"Quicksand\", system-ui, sans-serif",
         "body": "\"Quicksand\", system-ui, -apple-system, \"Segoe UI\", sans-serif",
         "links": ["https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Quicksand:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap"]
       },
-      "favicon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='12' cy='17' r='8' fill='%23f97316'/><circle cx='22' cy='17' r='6' fill='%23fb7185'/><circle cx='12' cy='17' r='3.5' fill='%23fff7ed'/><circle cx='22' cy='17' r='2.5' fill='%23fff7ed'/></svg>",
-      "backdrop": "linear-gradient(180deg, #fde8c8 0%, #fff4e6 45%, #fffdfa 100%)"
+      "favicon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='12' cy='17' r='8' fill='%23ce4806'/><circle cx='22' cy='17' r='6' fill='%23855b3d'/><circle cx='12' cy='17' r='3.5' fill='%23fffaf2'/><circle cx='22' cy='17' r='2.5' fill='%23fffaf2'/></svg>",
+      "backdrop": "#f9d9a8"
     }
   },
   "rankLabels": { "xenos": "Newcomer", "thetes": "Contributor", "metic": "Trusted", "archon": "Owner" },

package/modules/dev-box/app/renderer/theme.generated.css

@@ -1,16 +1,16 @@
 /* GENERATED by scripts/gen-brand.js from config/branding.json — do not edit by hand. */
 :root {
-  --bg: #fff7ed;
-  --bg-card: #ffffff;
-  --bg-deep: #ffedd5;
-  --ink: #2a1f17;
-  --ink-soft: #6b5d52;
-  --ink-faint: #756a60;
-  --rule: #fdba74;
-  --rule-soft: #fed7aa;
+  --bg: #f9d9a8;
+  --bg-card: #fffaf2;
+  --bg-deep: #f6d8ae;
+  --ink: #2b170e;
+  --ink-soft: #6d4a33;
+  --ink-faint: #785a41;
+  --rule: #e8a463;
+  --rule-soft: #f6d8ae;
   --accent: #ce4806;
   --accent-deep: #9e3406;
-  --terracotta: #fb7185;
+  --terracotta: #855b3d;
   --font-display: "Baloo 2", "Quicksand", system-ui, sans-serif;
   --font-body: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
 }

package/modules/dev-box/app/scripts/gen-brand.js

@@ -73,7 +73,7 @@ function buildBrand(branding) {
     // Panel header epigraph (branding copy.tagline).
     TAGLINE: (branding.copy && branding.copy.tagline) || '',
     // Pre-CSS window background (main.js) — the theme bg so first paint is on-brand.
-    BG_COLOR: colors.bg || '#ffffff',
+    BG_COLOR: colors.bg || '#fffaf2',
   };
 }
 
@@ -85,17 +85,17 @@ function buildThemeCss(branding) {
   const v = (x, fb) => x || fb;
   return `/* GENERATED by scripts/gen-brand.js from config/branding.json — do not edit by hand. */
 :root {
-  --bg: ${v(c.bg, '#fff7ed')};
-  --bg-card: ${v(c.bgCard, '#ffffff')};
-  --bg-deep: ${v(c.bgDeep, '#ffedd5')};
-  --ink: ${v(c.ink, '#2a1f17')};
-  --ink-soft: ${v(c.inkSoft, '#6b5d52')};
-  --ink-faint: ${v(c.inkFaint, '#756a60')};
-  --rule: ${v(c.rule, '#fdba74')};
-  --rule-soft: ${v(c.ruleSoft, '#fed7aa')};
+  --bg: ${v(c.bg, '#f9d9a8')};
+  --bg-card: ${v(c.bgCard, '#fffaf2')};
+  --bg-deep: ${v(c.bgDeep, '#f6d8ae')};
+  --ink: ${v(c.ink, '#2b170e')};
+  --ink-soft: ${v(c.inkSoft, '#6d4a33')};
+  --ink-faint: ${v(c.inkFaint, '#785a41')};
+  --rule: ${v(c.rule, '#e8a463')};
+  --rule-soft: ${v(c.ruleSoft, '#f6d8ae')};
   --accent: ${v(c.accent, '#ce4806')};
   --accent-deep: ${v(c.accentDeep, '#9e3406')};
-  --terracotta: ${v(c.terracotta, '#fb7185')};
+  --terracotta: ${v(c.terracotta, '#855b3d')};
   --font-display: ${v(fonts.display, '"Baloo 2", "Quicksand", system-ui, sans-serif')};
   --font-body: ${v(fonts.body, '"Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif')};
 }

package/modules/dev-box/app/scripts/gen-dmg-backdrop.py

@@ -68,9 +68,9 @@ ICON = 100                 # dmg.iconSize
 # it, so its "fallback" would paint a Cloud Bongos colour into a fully-specified
 # host build. That is exactly what `sea` did to the Applications-well rim.
 COLOR_ROLES = {
-    "bg": "#fff7ed", "bgDeep": "#ffedd5", "bgCard": "#ffffff",
-    "ink": "#2a1f17", "inkSoft": "#6b5d52", "ruleSoft": "#fed7aa",
-    "accent": "#ce4806", "accentDeep": "#9e3406", "terracotta": "#fb7185",
+    "bg": "#f9d9a8", "bgDeep": "#f6d8ae", "bgCard": "#fffaf2",
+    "ink": "#2b170e", "inkSoft": "#6d4a33", "ruleSoft": "#f6d8ae",
+    "accent": "#ce4806", "accentDeep": "#9e3406", "terracotta": "#855b3d",
 }
 
 FONT_DIRS = (

package/modules/dev-box/app/scripts/gen-icons.js

@@ -62,9 +62,9 @@ const OUT_BUILD = path.join(APP_DIR, 'build-resources');
 // it has nothing prompting a host to define it, so its "fallback" would paint a
 // Cloud Bongos colour into a fully-specified host build.
 const COLOR_ROLES = {
-  bgCard: '#ffffff', bgDeep: '#ffedd5', ink: '#2a1f17',
-  rule: '#fdba74', ruleSoft: '#fed7aa',
-  accent: '#ce4806', accentDeep: '#9e3406', terracotta: '#fb7185',
+  bgCard: '#fffaf2', bgDeep: '#f6d8ae', ink: '#2b170e',
+  rule: '#e8a463', ruleSoft: '#f6d8ae',
+  accent: '#ce4806', accentDeep: '#9e3406', terracotta: '#855b3d',
 };
 
 // The pack, resolved exactly as gen-brand.js resolves it (env → instance → neutral).

package/modules/dev-box/app/src/brand.generated.json

@@ -9,5 +9,5 @@
   "COPYRIGHT": "© Cloud Bongos",
   "CONFIG_DIR": "cloudbongos",
   "TAGLINE": "Building software is laying down a beat.",
-  "BG_COLOR": "#fff7ed"
+  "BG_COLOR": "#f9d9a8"
 }

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.90",
+  "version": "1.19.91",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.19.90",
+      "version": "1.19.91",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.90",
+  "version": "1.19.91",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/public-landing/assets/cosmos.css

@@ -3,12 +3,15 @@
    The shared token + component layer for the owner-facing project surfaces
    (/create, /projects).
 
-   THE LOOK (owner decisions 2026-08-12, Loop 2): a LIGHT/DARK mode flips
-   the WHOLE WORLD, not just the cards:
+   THE LOOK — ember marigold (owner, 2026-08-13; task 1002748, and before it
+   the 2026-08-12 Loop 2 decisions). A LIGHT/DARK mode flips the WHOLE WORLD,
+   not just the cards, and BOTH grounds are warm — dark is not an inversion:
 
-   · light mode — the sunrise white/orange page: dawn sky, cream cards
-   · dark  mode — the gate's deep space (public-landing/gate/space.css):
-     night sky, stars, deep-navy cards, warm-white ink
+   · light mode — pigmented marigold air, ivory cards, an ember accent fired
+     down from SaaS-bright into something with heat behind it
+   · dark  mode — a warm umber night: deep-brown cards, cream ink, and the
+     accent pair flipping direction so the link tone goes BRIGHTER, which is
+     how warm schemes actually behave on a dark ground
 
    Mode resolution: prefers-color-scheme by default; an explicit choice
    sets data-mode="light|dark" on <html> (persisted by the page script).
@@ -25,11 +28,18 @@
    ═══════════════════════════════════════════════════════════════════════ */
 
 :root{
-  /* contract tier (light mode) */
-  --bg:#fff7ed; --bg-card:#ffffff; --bg-deep:#ffedd5;
-  --ink:#2a1f17; --ink-soft:#6b5d52; --ink-faint:#756a60;
-  --rule:#fdba74; --rule-soft:#fed7aa;
-  --accent:#ce4806; --accent-deep:#9e3406; --sea:#38bdf8; --terracotta:#fb7185;
+  /* contract tier (light mode) — ember marigold (task 1002748, direction §3):
+     the same sunrise with the milk taken out. The page stays PIGMENTED all the
+     way to the footer and the cards are the only near-white surfaces, so every
+     panel lifts; before this, page/sky/card sat within a few points of white and
+     the whole surface read as fog with no figure/ground at all.
+     KEEP IN LOCKSTEP with config/branding.neutral.json theme.ui.colors —
+     tests/cosmos_token_contrast.mjs fails on any drift, because the pack is what
+     actually paints (its :root is spliced AFTER this file). */
+  --bg:#f9d9a8; --bg-card:#fffaf2; --bg-deep:#f6d8ae;
+  --ink:#2b170e; --ink-soft:#6d4a33; --ink-faint:#785a41;
+  --rule:#e8a463; --rule-soft:#f6d8ae;
+  --accent:#ce4806; --accent-deep:#9e3406; --sea:#0f7a96; --terracotta:#855b3d;
   --font-display:"Baloo 2","Quicksand",system-ui,"Arial Rounded MT Bold",sans-serif;
   --font-body:"Quicksand",system-ui,-apple-system,"Segoe UI",sans-serif;
   --font-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;
@@ -40,89 +50,92 @@
 
   /* semantic state tier — each is painted as 12px/700 chip TEXT on its own
      -soft tint, so each must clear 4.5:1 against that tint AND the plain card. */
-  --ok:#107937; --warn:#9c5604; --err:#ca2323;
+  --ok:#0e6b31; --warn:#8b4d03; --err:#bb1f1f;
 
   /* chrome tier — the WHOLE WORLD flips with the mode (owner, 2026-08-12,
      Loop 2: light = the sunrise white/orange page, dark = the gate's space).
      Light values here; the dark blocks below swap all of them. */
-  --page-bg:#fff7ed;
-  --sky-bg:linear-gradient(180deg,#e9f5fd 0%,#fde8c8 34%,#fff4e6 62%,#fffdfa 100%);
+  --page-bg:#f9d9a8;
+  /* flat, not a gradient to white: the golden ground IS the marigold decision.
+     A gradient that faded out at the footer would reintroduce the fog. */
+  --sky-bg:#f9d9a8;
   --star-display:none;
-  --chrome-ink:#2a1f17;
-  --chrome-ink-dim:#6b5d52;
+  --chrome-ink:#2b170e;
+  --chrome-ink-dim:#6d4a33;
   --chrome-accent:var(--accent-deep);
   --chrome-glow:none;
-  --glass-ink:#6b5d52;
-  --glass-bg:rgba(255,255,255,0.65);
+  --glass-ink:#6d4a33;
+  --glass-bg:rgba(255,255,255,0.62);
   --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
-  --ava-shadow:0 2px 8px rgba(42,31,23,0.12);
-  --hero-lede:#6b5d52;
+  --ava-shadow:0 2px 8px rgba(0,0,0,0.14);
+  --hero-lede:#6d4a33;
   --hero-b:var(--accent-deep);
   --foot-ink:var(--ink-faint);
   --foot-code:var(--accent-deep);
   color-scheme:light;
 }
-/* dark tier — space sky + dark cards. Two hooks so an explicit choice beats
-   the OS preference; keep the two blocks in lockstep (tests/cosmos_token_contrast.mjs).
+/* dark tier — ember marigold's night: a WARM umber world, not an inversion of
+   the light one and no longer the gate's blue-violet space (task 1002748,
+   direction §3). Two hooks so an explicit choice beats the OS preference; keep
+   the two blocks in lockstep (tests/cosmos_token_contrast.mjs).
 
    A declaration here is PERMANENT for every instance: these selectors are (0,2,0)
    and the branding pack injects a plain :root at (0,1,0), so it can never override
-   them. --accent and --sea are therefore deliberately absent — that omission is the
-   only reason a re-themed instance's accent reaches dark mode at all.
+   them. --accent, --sea and --terracotta are therefore deliberately absent — that
+   omission is the only reason a re-themed instance's accent reaches dark mode at all.
    --accent-deep is the exception: it is text, and a hex tuned to 4.5:1 on a near-white
-   card cannot also clear it on a #12142e one. It is DERIVED from --accent (a different
-   property, so no cycle) and so still follows the pack. */
+   card cannot also clear it on a #2c1710 one. It is DERIVED from --accent (a different
+   property, so no cycle) and so still follows the pack. Every chrome token that wants
+   the warm highlight takes var(--accent-deep) for the same reason: marigold's own
+   #ffab63 is what that derivation yields, so writing the literal would have frozen
+   one pack's colour into every instance's dark mode. */
 :root[data-mode="dark"]{
-  --bg:#0d0f28; --bg-card:#12142e; --bg-deep:#1d2046;
-  --ink:#f4eee7; --ink-soft:#c9bfb2; --ink-faint:#998e82;
-  --rule:#5a4a7a; --rule-soft:#3a3560;
+  --bg:#150c06; --bg-card:#2c1710; --bg-deep:#3f2317;
+  --ink:#fdeedd; --ink-soft:#dcb693; --ink-faint:#b89272;
+  --rule:#5e3521; --rule-soft:#3f2317;
   --accent-deep:color-mix(in srgb, var(--accent) 45%, #ffffff);
   --ok:#4ade80; --warn:#fbbf24; --err:#f87171;
-  --page-bg:#05060f;
-  --sky-bg:radial-gradient(120% 85% at 50% -12%, #2b2456 0%, rgba(43,36,86,0) 55%),
-    radial-gradient(70% 55% at 82% 112%, rgba(56,120,200,.16), transparent 62%),
-    radial-gradient(58% 48% at 12% 6%, rgba(120,70,160,.14), transparent 60%),
-    linear-gradient(180deg, #05060f 0%, #0a0c20 48%, #0d0f28 100%);
+  --page-bg:#150c06;
+  --sky-bg:#150c06;
   --star-display:block;
-  --chrome-ink:#ffffff;
-  --chrome-ink-dim:rgba(255,255,255,0.85);
+  --chrome-ink:#fdeedd;
+  --chrome-ink-dim:#dcb693;
   --chrome-accent:var(--accent-deep);
-  --chrome-glow:0 2px 12px rgba(20,12,30,.7);
-  --glass-ink:#ffd98a;
-  --glass-bg:rgba(255,255,255,0.06);
-  --glass-border:rgba(255,217,138,0.45);
-  --ava-shadow:0 0 14px rgba(251,146,60,.45);
-  --hero-lede:rgba(255,255,255,0.82);
-  --hero-b:#ffd98a;
-  --foot-ink:rgba(255,255,255,0.55);
-  --foot-code:#ffd98a;
+  --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+  --glass-ink:var(--accent-deep);
+  --glass-bg:rgba(255,255,255,0.07);
+  --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+  --ava-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);
+  --hero-lede:#dcb693;
+  --hero-b:var(--accent-deep);
+  --foot-ink:#b89272;
+  --foot-code:var(--accent-deep);
+  --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
   color-scheme:dark;
 }
 @media (prefers-color-scheme: dark){
   :root:not([data-mode="light"]){
-    --bg:#0d0f28; --bg-card:#12142e; --bg-deep:#1d2046;
-    --ink:#f4eee7; --ink-soft:#c9bfb2; --ink-faint:#998e82;
-    --rule:#5a4a7a; --rule-soft:#3a3560;
+    --bg:#150c06; --bg-card:#2c1710; --bg-deep:#3f2317;
+    --ink:#fdeedd; --ink-soft:#dcb693; --ink-faint:#b89272;
+    --rule:#5e3521; --rule-soft:#3f2317;
     --accent-deep:color-mix(in srgb, var(--accent) 45%, #ffffff);
     --ok:#4ade80; --warn:#fbbf24; --err:#f87171;
-    --page-bg:#05060f;
-    --sky-bg:radial-gradient(120% 85% at 50% -12%, #2b2456 0%, rgba(43,36,86,0) 55%),
-      radial-gradient(70% 55% at 82% 112%, rgba(56,120,200,.16), transparent 62%),
-      radial-gradient(58% 48% at 12% 6%, rgba(120,70,160,.14), transparent 60%),
-      linear-gradient(180deg, #05060f 0%, #0a0c20 48%, #0d0f28 100%);
+    --page-bg:#150c06;
+    --sky-bg:#150c06;
     --star-display:block;
-    --chrome-ink:#ffffff;
-    --chrome-ink-dim:rgba(255,255,255,0.85);
+    --chrome-ink:#fdeedd;
+    --chrome-ink-dim:#dcb693;
     --chrome-accent:var(--accent-deep);
-    --chrome-glow:0 2px 12px rgba(20,12,30,.7);
-    --glass-ink:#ffd98a;
-    --glass-bg:rgba(255,255,255,0.06);
-    --glass-border:rgba(255,217,138,0.45);
-    --ava-shadow:0 0 14px rgba(251,146,60,.45);
-    --hero-lede:rgba(255,255,255,0.82);
-    --hero-b:#ffd98a;
-    --foot-ink:rgba(255,255,255,0.55);
-    --foot-code:#ffd98a;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:var(--accent-deep);
+    --glass-bg:rgba(255,255,255,0.07);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);
+    --hero-lede:#dcb693;
+    --hero-b:var(--accent-deep);
+    --foot-ink:#b89272;
+    --foot-code:var(--accent-deep);
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
     color-scheme:dark;
   }
 }
@@ -136,7 +149,19 @@
   --accent-soft:color-mix(in srgb, var(--accent) 15%, var(--bg-card));
   --sea-soft:color-mix(in srgb, var(--sea) 16%, var(--bg-card));
   --neutral-soft:color-mix(in srgb, var(--ink) 8%, var(--bg-card));
-  --shadow-card:0 24px 60px -24px rgba(5,6,15,.55), 0 6px 22px -8px rgba(5,6,15,.35);
+  /* ink-derived so the shadow is a WARM brown on the marigold ground instead of
+     the cold navy it used to cast. The dark blocks override it with a plain black
+     — in dark, --ink is near-white and this formula would glow, not shade. */
+  --shadow-card:0 18px 44px -22px color-mix(in srgb, var(--ink) 42%, transparent), 0 4px 14px -6px color-mix(in srgb, var(--ink) 20%, transparent);
+
+  /* layout tier (task 1002748) — mode-independent, so it lives with the derived
+     tier and not in the light/dark blocks. Named "pad"/"fs" rather than "space"
+     because --space-deep/mid/high above are the gate's SKY palette. */
+  --pad-xs:8px; --pad-sm:14px;
+  --pad-md:clamp(15px,2.2vw,22px);      /* gutter between grid cells */
+  --pad-lg:clamp(19px,2.6vw,28px);      /* padding inside a marketing panel */
+  --pad-xl:clamp(38px,6vw,78px);        /* rhythm between sections */
+  --fs-h2:clamp(22px,3vw,29px); --fs-h3:17.5px; --fs-lede:15.5px; --fs-body:14.5px;
 }
 
 *{box-sizing:border-box;margin:0;padding:0;}
@@ -302,6 +327,29 @@ h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,32
 .strip.flowDown .slbl{color:var(--ink-faint);}
 .strip.flowDown .stages li.now .slbl,.strip.flowDown .stages li.done .slbl{color:var(--ink-soft);}
 
+/* ── layout primitives (task 1002748, direction §6). cosmos.css was built for
+   /create and /projects — two single-column forms — so it had no page container,
+   no type scale below h1, no section rhythm and no grid. The landing page needed
+   all five; they live HERE rather than page-locally so the marketing surface and
+   the working surfaces stay one system instead of two that merely resemble each
+   other. `.hero` above is the /create + /projects page-title block and is a
+   different thing from a landing hero — both are kept. ── */
+.wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:0 clamp(16px,4vw,40px);}
+.sec{margin-bottom:var(--pad-xl);}
+h2.sec-h{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);letter-spacing:-0.6px;line-height:1.15;margin-bottom:10px;}
+h3.sec-h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);letter-spacing:-0.3px;line-height:1.25;margin-bottom:8px;}
+p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-height:1.6;max-width:60ch;}
+/* the one grid primitive: cells never narrower than --col, gutter from the
+   spacing scale. `.pair` is the two-up variant that collapses at the mid
+   breakpoint — the shape a doors/split row wants. */
+.grid{display:grid;gap:var(--pad-md);grid-template-columns:repeat(auto-fit,minmax(var(--col,238px),1fr));}
+.grid.pair{grid-template-columns:1fr 1fr;}
+
+/* ── the mid breakpoint: where a two-up layout stops fitting a tablet. ── */
+@media (max-width:900px){
+  .grid.pair{grid-template-columns:1fr;}
+}
+
 /* ── page-level bits ── */
 .alert{display:none;background:var(--err-soft);border:2px solid color-mix(in srgb,var(--err) 25%,transparent);color:var(--err);font-weight:600;font-size:14px;border-radius:14px;padding:12px 16px;margin-bottom:18px;}
 .alert.on{display:block;}