:root{
/* Encre — the purple the whole identity is printed on */
--purple-900:#150c2e;--purple-800:#1e1240;--purple-700:#2c1d54;--purple-600:#2f2667;--purple-500:#3d2f7c;--purple-400:#574697;--purple-300:#7a6bb5;--purple-200:#b3a9d6;--purple-100:#ddd7ec;
/* Jaune — the single accent, taken from the poster title */
--yellow-700:#b8930c;--yellow-600:#d9b211;--yellow-500:#f4ce22;--yellow-400:#f5cc40;--yellow-300:#f8dc72;--yellow-200:#fbeaa8;
/* Braise — sampled from the burning-barricade photograph; imagery only */
--ember-600:#a8341f;--ember-500:#d1561f;--ember-400:#e9873a;
/* Neutres */
--white:#ffffff;--paper:#f6f4ef;--ash-300:#c9c4d4;--ash-500:#8b849c;--black:#0b0716;

/* Semantic — surfaces */
--surface-page:var(--purple-700);--surface-deep:var(--purple-900);--surface-raised:var(--purple-600);--surface-card:rgba(255,255,255,.05);--surface-inverse:var(--yellow-500);--surface-paper:var(--paper);
/* Semantic — text */
--text-body:var(--white);--text-muted:var(--purple-200);--text-accent:var(--yellow-500);--text-title:var(--yellow-500);--text-on-yellow:var(--purple-700);--text-on-paper:var(--purple-700);
/* Semantic — lines & interaction */
--line-hairline:rgba(255,255,255,.18);--line-strong:var(--yellow-500);--focus-ring:var(--yellow-300);
--action-fill:var(--yellow-500);--action-fill-hover:var(--yellow-300);--action-fill-active:var(--yellow-600);--action-text:var(--purple-700);
--link:var(--yellow-500);--link-hover:var(--yellow-300)}