/* Colour palettes. Every surface in Living Forms and the engagement layer reads these tokens,
   so a palette is a block of token values and nothing else. Preview one with <html data-palette="...">. */

/* A · Newsprint: white paper, near-black ink, one signal-orange action. */
[data-palette="newsprint"] .onyx-design {
  --lf-paper:#ffffff; --lf-ink:#141414; --lf-line:#dedede; --lf-green:#f2f2f0; --lf-acid:#ff6a3d; --lf-purple:#3f3f46;
  --lf-muted:#5f5f5f; --lf-soft:#f4f4f2; --lf-soft2:#e9e9e6; --lf-deep:#141414;
  --eg-night:#f4f4f2; --eg-panel:#ffffff; --eg-panel2:#ececea; --eg-rule:#e0e0dc; --eg-bone:#141414; --eg-dim:#6b6b6b; --eg-violet:#b8431d;
  --eg-deck:#3d3d3d; --eg-focus-rule:#141414; --eg-glow:#ff6a3d80; --eg-soft:#f4f4f2; --eg-soft2:#e9e9e6; --eg-shadow:#00000030; --eg-media:#d9d9d6;
  --eg-scrim:#141414cc; --eg-shade-rgb:20 20 20; --eg-on-scrim:#ffffff; --eg-on-scrim-dim:#d4d4d4; --eg-on-scrim-rule:#ffffff40;
  --eg-live:#e5372a; --eg-clip:#1a1a1a; --eg-take:#fff4ef; --eg-take-rule:#f3c9b8; --eg-logo-filter:none;
}
/* B · Slate & blue (the default). Warm paper and deep navy ink, chosen by Lewie 2026-10-11; on 2026-10-12 the copper
   accents were replaced by the Onyx brand light blue: --lf-acid is the action fill (#0ea5e9, labelled "Onyx light blue" in ticker-spacing.css), and the text accents
   (--lf-purple, --eg-violet) are the deeper blue of the same hue that passes AA on paper (#0369a1).
   The selector keeps the old "copper" name so existing data-palette values still work. Red (--eg-live) is for live only. */
.onyx-design, [data-palette="copper"] .onyx-design {
  --lf-paper:#f6f3ee; --lf-ink:#14213a; --lf-line:#d6d0c6; --lf-green:#ebe5dc; --lf-acid:#0ea5e9; --lf-purple:#0369a1;
  --lf-muted:#5a6475; --lf-soft:#ede8e0; --lf-soft2:#e2dbd0; --lf-deep:#14213a;
  --eg-night:#ece7df; --eg-panel:#fbf9f6; --eg-panel2:#f1ece4; --eg-rule:#dcd5ca; --eg-bone:#14213a; --eg-dim:#6a7384; --eg-violet:#0369a1;
  --eg-deck:#3a4558; --eg-focus-rule:#14213a; --eg-glow:#0ea5e999; --eg-soft:#ede8e0; --eg-soft2:#e2dbd0; --eg-shadow:#14213a33; --eg-media:#cfc8bc;
  --eg-scrim:#14213acc; --eg-shade-rgb:20 33 58; --eg-on-scrim:#fbf9f6; --eg-on-scrim-dim:#d7dbe3; --eg-on-scrim-rule:#ffffff40;
  --eg-live:#c93d22; --eg-clip:#14213a; --eg-take:#e3f4fd; --eg-take-rule:#b9e2f8; --eg-logo-filter:none;
}
/* Comparison only (Lewie to decide): a cooler neutral paper under the same blue accents. Switch on with
   <html data-paper="cool"> or ?paper=cool, and ?paper=warm to switch back. */
[data-paper="cool"] .onyx-design {
  --lf-paper:#f4f6f8; --lf-line:#d5dae0; --lf-green:#e9edf1; --lf-soft:#edf0f3; --lf-soft2:#e1e6eb;
  --eg-night:#eef1f4; --eg-panel:#fbfcfd; --eg-panel2:#f0f3f6; --eg-rule:#dbe0e6; --eg-soft:#edf0f3; --eg-soft2:#e1e6eb; --eg-media:#c9d0d8;
}
/* C · Midnight: dark navy feed, cool white type, sky-blue action; articles on pale paper with navy ink. */
[data-palette="midnight"] .onyx-design {
  --lf-paper:#f7f8fb; --lf-ink:#0f1b33; --lf-line:#d5dae4; --lf-green:#e8edf5; --lf-acid:#8fd3ff; --lf-purple:#2b4c7e;
  --lf-muted:#56627a; --lf-soft:#eef1f6; --lf-soft2:#e1e7f0; --lf-deep:#0f1b33;
  --eg-night:#0b1324; --eg-panel:#111c33; --eg-panel2:#17243f; --eg-rule:#243352; --eg-bone:#eef2f8; --eg-dim:#93a0b8; --eg-violet:#9cc3ff;
  --eg-deck:#c3cbda; --eg-focus-rule:#3c5582; --eg-glow:#8fd3ff99; --eg-soft:#eef1f6; --eg-soft2:#e1e7f0; --eg-shadow:#0b132466; --eg-media:#17243f;
  --eg-scrim:#0b1324cc; --eg-shade-rgb:11 19 36; --eg-on-scrim:#eef2f8; --eg-on-scrim-dim:#c3cbda; --eg-on-scrim-rule:#ffffff40;
  --eg-live:#ff6b5b; --eg-clip:#0b1324; --eg-take:#1b2440; --eg-take-rule:#33406a; --eg-logo-filter:none;
}
/* Onyx brand light blue. The same in every palette: it is the brand, not a theme choice.
   Value taken from the theme's own Onyx event pages (summit, conference), where it is the accent. */
.onyx-design {--lf-brand:#0ea5e9; --lf-brand-soft:#d9f1fd; --lf-brand-tint:#e3f4fd; --lf-brand-ink:#0369a1; --lf-on-brand:#0b2540}