@bongos/core 1.19.89 → 1.19.91

package/docs/design/mocks/_schemes.css

@@ -0,0 +1,604 @@
+/* ══════════════════════════════════════════════════════════════════════
+   CANDIDATE PALETTES — task 1002747, goal 1000061
+
+   MOCK AFFORDANCE. Each block below is what a branding pack DOES: it
+   overrides the cosmos.css contract tier. On a real instance exactly ONE
+   of these exists, and it arrives via config/branding.json ->
+   themeMarkup()'s injected :root, not from a stylesheet like this one.
+   The switcher exists so six can be compared in one sitting.
+
+   Every pair below was checked with a WCAG contrast calculator, not by
+   eye: ink/card, inkSoft/card, inkFaint/card, white-on-accent,
+   accentDeep-as-link/card, and ink/pageBg, in BOTH modes. All six pass.
+   The palette shipping TODAY does not: white on --accent #f97316 is
+   2.80:1 against a 4.5 requirement, and --accent-deep as link text is
+   3.56:1. That is a live defect on /create and /projects.
+   ══════════════════════════════════════════════════════════════════════ */
+
+/* ── ember marigold — The same Lion-King sunrise, but with the milk taken out — pigmented marigold air, ivory cards, and an ember-orange that has been fired down from SaaS-bright into something with heat behind it. ── */
+:root[data-scheme="ember-marigold"]{
+    --bg:#f9d9a8;
+    --bg-card:#fffaf2;
+    --bg-deep:#f6d8ae;
+    --ink:#2b170e;
+    --ink-soft:#6d4a33;
+    --ink-faint:#9b7657;
+    --rule:#e8a463;
+    --rule-soft:#f6d8ae;
+    --accent:#ce4806;
+    --accent-deep:#9e3406;
+    --sea:#0f7a96;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#f9d9a8;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(165deg, #22110a 0%, #361a0e 40%, #4a2110 72%, #2a1409 100%);
+    --star-display:none;
+    --chrome-ink:#2b170e;
+    --chrome-ink-dim:#6d4a33;
+    --chrome-accent:#ce4806;
+    --chrome-glow:none;
+    --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(0,0,0,.14);
+    --hero-lede:#6d4a33;
+    --hero-b:#9e3406;
+    --foot-ink:#9b7657;
+    --foot-code:#9e3406;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="ember-marigold"][data-mode="dark"]{
+    --bg:#150c06;
+    --bg-card:#2c1710;
+    --bg-deep:#3f2317;
+    --ink:#fdeedd;
+    --ink-soft:#dcb693;
+    --ink-faint:#957559;
+    --rule:#5e3521;
+    --rule-soft:#3f2317;
+    --accent:#cf4a08;
+    --accent-deep:#ffab63;
+    --sea:#56d0ef;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#150c06;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(165deg, #22110a 0%, #361a0e 40%, #4a2110 72%, #2a1409 100%);
+    --star-display:block;
+    --chrome-ink:#fdeedd;
+    --chrome-ink-dim:#dcb693;
+    --chrome-accent:#ffab63;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#ffab63;
+    --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:#ffab63;
+    --foot-ink:#957559;
+    --foot-code:#ffab63;
+    --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[data-scheme="ember-marigold"]:not([data-mode="light"]){
+    --bg:#150c06;
+    --bg-card:#2c1710;
+    --bg-deep:#3f2317;
+    --ink:#fdeedd;
+    --ink-soft:#dcb693;
+    --ink-faint:#957559;
+    --rule:#5e3521;
+    --rule-soft:#3f2317;
+    --accent:#cf4a08;
+    --accent-deep:#ffab63;
+    --sea:#56d0ef;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#150c06;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(165deg, #22110a 0%, #361a0e 40%, #4a2110 72%, #2a1409 100%);
+    --star-display:block;
+    --chrome-ink:#fdeedd;
+    --chrome-ink-dim:#dcb693;
+    --chrome-accent:#ffab63;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#ffab63;
+    --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:#ffab63;
+    --foot-ink:#957559;
+    --foot-code:#ffab63;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}
+
+/* ── deep water — Standing at the edge of a warm lagoon at dawn — clear, cool, unhurried, with light still moving in the water. ── */
+:root[data-scheme="deep-water"]{
+    --bg:#e9f6fb;
+    --bg-card:#fbfeff;
+    --bg-deep:#e0f0f6;
+    --ink:#08323f;
+    --ink-soft:#37697a;
+    --ink-faint:#6b93a0;
+    --rule:#c7e3ec;
+    --rule-soft:#e0f0f6;
+    --accent:#0d7f97;
+    --accent-deep:#0a5f78;
+    --sea:#38bdf8;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#e9f6fb;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(160deg, #072634 0%, #0b3a4f 38%, #0f4a63 60%, #062230 100%);
+    --star-display:none;
+    --chrome-ink:#08323f;
+    --chrome-ink-dim:#37697a;
+    --chrome-accent:#0d7f97;
+    --chrome-glow:none;
+    --glass-ink:#37697a;
+    --glass-bg:rgba(255,255,255,0.62);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 2px 8px rgba(0,0,0,.14);
+    --hero-lede:#37697a;
+    --hero-b:#0a5f78;
+    --foot-ink:#6b93a0;
+    --foot-code:#0a5f78;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="deep-water"][data-mode="dark"]{
+    --bg:#03151d;
+    --bg-card:#082935;
+    --bg-deep:#0e3446;
+    --ink:#eef9ff;
+    --ink-soft:#8fbdd0;
+    --ink-faint:#547d8f;
+    --rule:#174055;
+    --rule-soft:#0e3446;
+    --accent:#0b8296;
+    --accent-deep:#17a0bd;
+    --sea:#56d8f5;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#03151d;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(160deg, #072634 0%, #0b3a4f 38%, #0f4a63 60%, #062230 100%);
+    --star-display:block;
+    --chrome-ink:#eef9ff;
+    --chrome-ink-dim:#8fbdd0;
+    --chrome-accent:#17a0bd;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#17a0bd;
+    --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:#8fbdd0;
+    --hero-b:#17a0bd;
+    --foot-ink:#547d8f;
+    --foot-code:#17a0bd;
+    --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[data-scheme="deep-water"]:not([data-mode="light"]){
+    --bg:#03151d;
+    --bg-card:#082935;
+    --bg-deep:#0e3446;
+    --ink:#eef9ff;
+    --ink-soft:#8fbdd0;
+    --ink-faint:#547d8f;
+    --rule:#174055;
+    --rule-soft:#0e3446;
+    --accent:#0b8296;
+    --accent-deep:#17a0bd;
+    --sea:#56d8f5;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#03151d;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(160deg, #072634 0%, #0b3a4f 38%, #0f4a63 60%, #062230 100%);
+    --star-display:block;
+    --chrome-ink:#eef9ff;
+    --chrome-ink-dim:#8fbdd0;
+    --chrome-accent:#17a0bd;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#17a0bd;
+    --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:#8fbdd0;
+    --hero-b:#17a0bd;
+    --foot-ink:#547d8f;
+    --foot-code:#17a0bd;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}
+
+/* ── plumfield — A warm plum nebula at dusk — deep violet space with a magenta bloom in it, soft enough that rounded type feels at home rather than clinical. ── */
+:root[data-scheme="plumfield"]{
+    --bg:#f7f2fb;
+    --bg-card:#fdfbff;
+    --bg-deep:#efe6f7;
+    --ink:#241636;
+    --ink-soft:#5b4570;
+    --ink-faint:#8b7ba3;
+    --rule:#e0d3ee;
+    --rule-soft:#efe6f7;
+    --accent:#932bcf;
+    --accent-deep:#7b1fae;
+    --sea:#2f1b4d;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#f7f2fb;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(135deg, #1c1033 0%, #2b1550 46%, #3a1450 78%, #241239 100%);
+    --star-display:none;
+    --chrome-ink:#241636;
+    --chrome-ink-dim:#5b4570;
+    --chrome-accent:#932bcf;
+    --chrome-glow:none;
+    --glass-ink:#5b4570;
+    --glass-bg:rgba(255,255,255,0.62);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 2px 8px rgba(0,0,0,.14);
+    --hero-lede:#5b4570;
+    --hero-b:#7b1fae;
+    --foot-ink:#8b7ba3;
+    --foot-code:#7b1fae;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="plumfield"][data-mode="dark"]{
+    --bg:#150c24;
+    --bg-card:#261640;
+    --bg-deep:#2f1c4c;
+    --ink:#f2e9ff;
+    --ink-soft:#c5b0e4;
+    --ink-faint:#9384b0;
+    --rule:#3d2a5e;
+    --rule-soft:#2f1c4c;
+    --accent:#9a3ee0;
+    --accent-deep:#d3b6fb;
+    --sea:#0f0819;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#150c24;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(135deg, #1c1033 0%, #2b1550 46%, #3a1450 78%, #241239 100%);
+    --star-display:block;
+    --chrome-ink:#f2e9ff;
+    --chrome-ink-dim:#c5b0e4;
+    --chrome-accent:#d3b6fb;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#d3b6fb;
+    --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:#c5b0e4;
+    --hero-b:#d3b6fb;
+    --foot-ink:#9384b0;
+    --foot-code:#d3b6fb;
+    --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[data-scheme="plumfield"]:not([data-mode="light"]){
+    --bg:#150c24;
+    --bg-card:#261640;
+    --bg-deep:#2f1c4c;
+    --ink:#f2e9ff;
+    --ink-soft:#c5b0e4;
+    --ink-faint:#9384b0;
+    --rule:#3d2a5e;
+    --rule-soft:#2f1c4c;
+    --accent:#9a3ee0;
+    --accent-deep:#d3b6fb;
+    --sea:#0f0819;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#150c24;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(135deg, #1c1033 0%, #2b1550 46%, #3a1450 78%, #241239 100%);
+    --star-display:block;
+    --chrome-ink:#f2e9ff;
+    --chrome-ink-dim:#c5b0e4;
+    --chrome-accent:#d3b6fb;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#d3b6fb;
+    --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:#c5b0e4;
+    --hero-b:#d3b6fb;
+    --foot-ink:#9384b0;
+    --foot-code:#d3b6fb;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}
+
+/* ── sapwood — A shaded garden at mid-morning: oat-paper neutrals, moss and fern, and the warm yellow-green of fresh sap running under bark. ── */
+:root[data-scheme="sapwood"]{
+    --bg:#f2f0e4;
+    --bg-card:#fcfbf4;
+    --bg-deep:#eae7d8;
+    --ink:#1c2a1b;
+    --ink-soft:#4c5c46;
+    --ink-faint:#7e8c76;
+    --rule:#ddd9c6;
+    --rule-soft:#eae7d8;
+    --accent:#3d7a33;
+    --accent-deep:#2c5c26;
+    --sea:#14301f;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#f2f0e4;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(158deg, #071310 0%, #0a1a12 34%, #0e2418 68%, #16331f 100%);
+    --star-display:none;
+    --chrome-ink:#1c2a1b;
+    --chrome-ink-dim:#4c5c46;
+    --chrome-accent:#3d7a33;
+    --chrome-glow:none;
+    --glass-ink:#4c5c46;
+    --glass-bg:rgba(255,255,255,0.62);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 2px 8px rgba(0,0,0,.14);
+    --hero-lede:#4c5c46;
+    --hero-b:#2c5c26;
+    --foot-ink:#7e8c76;
+    --foot-code:#2c5c26;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="sapwood"][data-mode="dark"]{
+    --bg:#0c1610;
+    --bg-card:#152a1b;
+    --bg-deep:#1e3122;
+    --ink:#eaf2e3;
+    --ink-soft:#b4c8aa;
+    --ink-faint:#7f9575;
+    --rule:#2a3f2c;
+    --rule-soft:#1e3122;
+    --accent:#39833a;
+    --accent-deep:#8ecf78;
+    --sea:#071310;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#0c1610;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(158deg, #071310 0%, #0a1a12 34%, #0e2418 68%, #16331f 100%);
+    --star-display:block;
+    --chrome-ink:#eaf2e3;
+    --chrome-ink-dim:#b4c8aa;
+    --chrome-accent:#8ecf78;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#8ecf78;
+    --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:#b4c8aa;
+    --hero-b:#8ecf78;
+    --foot-ink:#7f9575;
+    --foot-code:#8ecf78;
+    --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[data-scheme="sapwood"]:not([data-mode="light"]){
+    --bg:#0c1610;
+    --bg-card:#152a1b;
+    --bg-deep:#1e3122;
+    --ink:#eaf2e3;
+    --ink-soft:#b4c8aa;
+    --ink-faint:#7f9575;
+    --rule:#2a3f2c;
+    --rule-soft:#1e3122;
+    --accent:#39833a;
+    --accent-deep:#8ecf78;
+    --sea:#071310;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#0c1610;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(158deg, #071310 0%, #0a1a12 34%, #0e2418 68%, #16331f 100%);
+    --star-display:block;
+    --chrome-ink:#eaf2e3;
+    --chrome-ink-dim:#b4c8aa;
+    --chrome-accent:#8ecf78;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#8ecf78;
+    --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:#b4c8aa;
+    --hero-b:#8ecf78;
+    --foot-ink:#7f9575;
+    --foot-code:#8ecf78;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}
+
+/* ── letterpress — A warm broadsheet printed on good paper — black type, generous white, and one struck line of vermilion ink. ── */
+:root[data-scheme="letterpress"]{
+    --bg:#F5F1E7;
+    --bg-card:#FFFDF7;
+    --bg-deep:#EBE5D8;
+    --ink:#14100C;
+    --ink-soft:#514840;
+    --ink-faint:#857B6D;
+    --rule:#DAD1C0;
+    --rule-soft:#EBE5D8;
+    --accent:#C22A12;
+    --accent-deep:#A32310;
+    --sea:#EBE4D6;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#F5F1E7;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(168deg, #2B1A12 0%, #1C1411 46%, #100C0B 100%);
+    --star-display:none;
+    --chrome-ink:#14100C;
+    --chrome-ink-dim:#514840;
+    --chrome-accent:#C22A12;
+    --chrome-glow:none;
+    --glass-ink:#514840;
+    --glass-bg:rgba(255,255,255,0.62);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 2px 8px rgba(0,0,0,.14);
+    --hero-lede:#514840;
+    --hero-b:#A32310;
+    --foot-ink:#857B6D;
+    --foot-code:#A32310;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="letterpress"][data-mode="dark"]{
+    --bg:#141010;
+    --bg-card:#251A14;
+    --bg-deep:#2E241E;
+    --ink:#F4EDE1;
+    --ink-soft:#C9BCAC;
+    --ink-faint:#7E7264;
+    --rule:#3E312A;
+    --rule-soft:#2E241E;
+    --accent:#D93B1C;
+    --accent-deep:#E85C33;
+    --sea:#1C1411;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#141010;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(168deg, #2B1A12 0%, #1C1411 46%, #100C0B 100%);
+    --star-display:block;
+    --chrome-ink:#F4EDE1;
+    --chrome-ink-dim:#C9BCAC;
+    --chrome-accent:#E85C33;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#E85C33;
+    --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:#C9BCAC;
+    --hero-b:#E85C33;
+    --foot-ink:#7E7264;
+    --foot-code:#E85C33;
+    --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[data-scheme="letterpress"]:not([data-mode="light"]){
+    --bg:#141010;
+    --bg-card:#251A14;
+    --bg-deep:#2E241E;
+    --ink:#F4EDE1;
+    --ink-soft:#C9BCAC;
+    --ink-faint:#7E7264;
+    --rule:#3E312A;
+    --rule-soft:#2E241E;
+    --accent:#D93B1C;
+    --accent-deep:#E85C33;
+    --sea:#1C1411;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#141010;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(168deg, #2B1A12 0%, #1C1411 46%, #100C0B 100%);
+    --star-display:block;
+    --chrome-ink:#F4EDE1;
+    --chrome-ink-dim:#C9BCAC;
+    --chrome-accent:#E85C33;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#E85C33;
+    --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:#C9BCAC;
+    --hero-b:#E85C33;
+    --foot-ink:#7E7264;
+    --foot-code:#E85C33;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}
+
+/* ── adobe clay — Sun-warmed adobe at late afternoon — fired terracotta, swept sand, and a whisper of sage on the horizon, hand-thrown rather than rendered. ── */
+:root[data-scheme="adobe-clay"]{
+    --bg:#f4e9dc;
+    --bg-card:#fdf7f0;
+    --bg-deep:#efe2d4;
+    --ink:#33211a;
+    --ink-soft:#6a4c3f;
+    --ink-faint:#9c7d6c;
+    --rule:#e0cdbb;
+    --rule-soft:#efe2d4;
+    --accent:#b8492c;
+    --accent-deep:#8f3620;
+    --sea:#4a7a70;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#f4e9dc;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(140deg, #1c110d 0%, #331a11 36%, #4d2716 68%, #24352f 100%);
+    --star-display:none;
+    --chrome-ink:#33211a;
+    --chrome-ink-dim:#6a4c3f;
+    --chrome-accent:#b8492c;
+    --chrome-glow:none;
+    --glass-ink:#6a4c3f;
+    --glass-bg:rgba(255,255,255,0.62);
+    --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
+    --ava-shadow:0 2px 8px rgba(0,0,0,.14);
+    --hero-lede:#6a4c3f;
+    --hero-b:#8f3620;
+    --foot-ink:#9c7d6c;
+    --foot-code:#8f3620;
+    --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);
+    color-scheme:light;
+}
+:root[data-scheme="adobe-clay"][data-mode="dark"]{
+    --bg:#180f0c;
+    --bg-card:#291a14;
+    --bg-deep:#35211a;
+    --ink:#f8e9dc;
+    --ink-soft:#d2b3a0;
+    --ink-faint:#a1826f;
+    --rule:#4a3025;
+    --rule-soft:#35211a;
+    --accent:#c05539;
+    --accent-deep:#eda184;
+    --sea:#6fa093;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#180f0c;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(140deg, #1c110d 0%, #331a11 36%, #4d2716 68%, #24352f 100%);
+    --star-display:block;
+    --chrome-ink:#f8e9dc;
+    --chrome-ink-dim:#d2b3a0;
+    --chrome-accent:#eda184;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#eda184;
+    --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:#d2b3a0;
+    --hero-b:#eda184;
+    --foot-ink:#a1826f;
+    --foot-code:#eda184;
+    --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[data-scheme="adobe-clay"]:not([data-mode="light"]){
+    --bg:#180f0c;
+    --bg-card:#291a14;
+    --bg-deep:#35211a;
+    --ink:#f8e9dc;
+    --ink-soft:#d2b3a0;
+    --ink-faint:#a1826f;
+    --rule:#4a3025;
+    --rule-soft:#35211a;
+    --accent:#c05539;
+    --accent-deep:#eda184;
+    --sea:#6fa093;
+    --terracotta:color-mix(in srgb, var(--accent) 62%, var(--sea));
+    --page-bg:#180f0c;
+    --sky-bg:undefined;
+    --band-bg:linear-gradient(140deg, #1c110d 0%, #331a11 36%, #4d2716 68%, #24352f 100%);
+    --star-display:block;
+    --chrome-ink:#f8e9dc;
+    --chrome-ink-dim:#d2b3a0;
+    --chrome-accent:#eda184;
+    --chrome-glow:0 2px 12px rgba(0,0,0,.65);
+    --glass-ink:#eda184;
+    --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:#d2b3a0;
+    --hero-b:#eda184;
+    --foot-ink:#a1826f;
+    --foot-code:#eda184;
+    --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
+    color-scheme:dark;
+}}