:root{
    /* page, dark */
    /* One coral. The hero rectangle, the page accent, and the agent frame read this. */
    --coral:#ff6f4a;
    --rank:#99c3ff;
    --label:#6592a7;
    --ink:#f2f2f2;
    --white:#fff;
    --night:#0a0a0a;
    /* One floor per block. Change a tone here without moving the others. */
    --bg-hero:#0a0a0a;
    --bg-agents:#f6f5f3;
    --bg-ask:#0a0a0a;
    --bg-directory:#0a0a0a;
    --bg-fingerprint:#0a0a0a;
    --bg-formats:#0a0a0a;
    --bg-trend:#0a0a0a;
    --bg-phases:#0a0a0a;
    --bg-join:#f6f5f3;
    --bg-foot:#0a0a0a;
    --card:#111;
    --muted:#7b7b7b;
    --soft:#656565;
    --line:#2a2a2a;
    --paper:#000;
    --closer:#f6f5f3;
    --closer-ink:#141414;
    --closer-soft:#4a4a4a;
    --code:#d4d4d4;
    --dim:#8a8a8a;
    --faint:#8a8a8a;
    --disabled:#5c5c5c;
    --dot:#3a3a3a;
    --chip:#1c1c1c;
    --heat-1:color-mix(in srgb, var(--coral) 32%, transparent);
    --heat-2:color-mix(in srgb, var(--coral) 58%, transparent);
    --hover:#1a1a1a;
    /* dark windows and bands */
    --night-ink:#e8e8e8;
    --night-dot:#333;
    --night-chip:#1a1a1a;
    --night-panel:#0b0b0b;
    --band-soft:#bdbdbd;
    --raise:#2a2a2a;
    /* agents console and syntax */
    --agent:var(--coral);
    --agent-ink:color-mix(in srgb, var(--coral) 72%, transparent);
    --wash:#3a3a3a;
    --syntax-s:#9fd6a8;
    --syntax-n:#8ab4ff;
    --syntax-y:#ffd37a;
    --syntax-d:#666;
    --panel:#0c0c0c;
    --panel-edge:#232323;
    --panel-line:#1e1e1e;
    --panel-raise:#171717;
    --panel-fill:#0f0f0f;
    --panel-stroke:#2c2c2c;
    --panel-track:#3a3a3a;
    --panel-bar:#1b1b1b;
    --panel-mid:#4a4a4a;
    --panel-node:#262626;
    --panel-body:#bbb;
    --panel-sub:#9f9f9f;
    --panel-code:#d4d4d4;
    --panel-mono:#e4e4e4;
    --panel-soft:#9a9a9a;
    --panel-faint:#6e6e6e;
    --quiet:#8d8d8d;
    --panel-chip:#e6e6e6;
    --panel-dot:#555;
    /* cookie plate */
    --ck:#1c1c1c;
    --ck-ink:#f5f5f5;
    --ck-lead:#d5d5d5;
    --ck-copy:#cfcfcf;
    --tg:#2AABEE;
    /* hero tree. These stay put when the page palette changes. */
    --hero-ink:#111;
    --hero-white:#fff;
    --hero-night:#000;
    --hero-muted:#3a3a40;
    --frame-bg:var(--coral);
    --dlg:#6c48b8;
    --hero-card:#111;
    --hero-card-ink:#f2f2f2;
    --hero-tag:#c9b6f0;
    --box-av:#6c38b7;
    --box-badge:#45a7ee;
}
