/* THE PLUM SYSTEM -- two authored modes, 10 October 2026.

   NOTHING HERE IS NEUTRAL. Not the ground, not the ink, not a divider, not a
   shadow. Every value sits on one of two pigment axes: a violet-plum hue of
   302 deg for the light mode's neutrals and 322 deg for the dark mode's, with
   the ink in light mode a deep plum-black and in dark mode a warm off-white.
   Grey is what a framework hands you when nobody chose, and that is now
   exactly how it reads.

   WHY A FULLY TINTED SYSTEM RATHER THAN GREY PLUS AN ACCENT. This teaches
   people who arrive feeling behind. Grey with one bright accent makes the
   accent shout, because nothing around it has any colour to answer with. When
   the whole page is tinted the accent can be quiet and still be where the eye
   goes, and calm is a property of the relationships rather than of whitespace.

   IT IS INERT UNTIL SWITCHED ON. Both blocks are attribute-scoped, so with no
   data-theme on <html> the site renders exactly as it does today. Nothing in
   here can change the live page by accident.

   THE MAP COLOURS ARE RE-SOLVED, NOT PORTED. The dark palette's nine book
   colours separate mostly by lightness; forcing them above a contrast floor on
   a near-white ground equalises that and they collapse -- measured, the eleven
   stage hues fell to 0.0 dE under deuteranopia. The light sets below were
   solved instead: each role keeps its own hue to within about 22 deg, so a
   reader's memory of where a book lives survives, and lightness and chroma
   were searched to maximise the worst pair under protanopia, deuteranopia and
   tritanopia. Measured results are in _palette/MEASUREMENTS.md. */

:root{
  /* DEFAULT -- tinted plaster. Ground chroma 6.8 in Lab, b* -5.8: cool, and 11.3 dE from the ivory that was rejected twice. */
  --bg:#f6f2ff; --bg-2:#f0ecf9; --bg-3:#e9e5f3; --bg-4:#e0dceb; --bg-5:#d7d2e2;
  --ink:#302335; --ink-2:#504556; --ink-3:#675d6e; --ink-4:#6d6575; --ink-hi:#261929;
  --line:#d4cfde; --line-2:#beb9cb;
  --wash-0:rgba(48,35,53,0.028); --wash-1:rgba(48,35,53,0.055); --wash-2:rgba(48,35,53,0.095);
  --accent:#5b348f; --accent-deep:#522f83; --accent-soft:rgba(91,52,143,0.07);
  --accent-2:#ac373a; --accent-2-soft:rgba(172,55,58,0.11); --mark:#7b3e75;
  --stage:var(--accent);
  /* the lattice on the home page needs about twice the alpha on a light
     ground as on a dark one to read at the same weight */
  --chord-a:.13;
  /* THE FOUR DOORS, AND THE FOUR COLUMN HEADINGS UNDER THEM.
     They were --mark, --accent, --warn and --money: four unrelated
     palettes stacked in one nav. Now one family, and the thing that
     separates them is a LIGHTNESS LADDER rather than four hues,
     because four hues would make them a key -- a reader would start
     looking for what the colours mean -- while four lightnesses in
     one hue range read as related and stay tellable apart at 16px.
     The first flat version measured 10.4 dE between its closest
     pair and read as one colour; this one measures 19.2 light and
     16.7 dark, with every value clearing 4.5:1 on the ground and on
     the hover surface. */
  --door-1:#5c2158; --door-2:#543e97; --door-3:#485fa8; --door-4:#86589e;
  /* the primary button. It used to be a pale fill with near-black
     ink hardcoded into the rule, which is why it went near-black on
     near-black the first time a light ground was tried. */
  --cta-bg:#5a318f; --cta-bg-hover:#4a2578; --cta-ink:#f6f2ff;
  --cta-glow:rgba(90,49,143,.30); --cta-glow-hover:rgba(90,49,143,.42);
  /* inline code: the ink was a pale blue literal, invisible on paper */
  --code-ink:#4a2578;
  --shadow-1:0 1px 2px rgba(48,35,53,0.1); --shadow-2:0 4px 18px -6px rgba(48,35,53,0.16); --shadow-3:0 18px 48px -18px rgba(48,35,53,0.22);
  /* the meaning-bearing five */
  --warn:#743d02; --warn-soft:rgba(116,61,2,0.07);
  --money:#0f4c2c; --money-soft:rgba(15,76,44,0.07);
  --floor:#725ca0; --floor-soft:rgba(114,92,160,0.07);
  --open:#af3271; --open-soft:rgba(175,50,113,0.07);
  --desk:#005dea; --desk-soft:rgba(0,93,234,0.07);
  /* the seven evidence grades */
  --ev-doc:#505f35; --ev-doc-s:rgba(80,95,53,0.07);
  --ev-evi:#256486; --ev-evi-s:rgba(37,100,134,0.07);
  --ev-trd:#0d4c37; --ev-trd-s:rgba(13,76,55,0.07);
  --ev-inf:#8d460d; --ev-inf-s:rgba(141,70,13,0.07);
  --ev-cnv:#4e3a60; --ev-cnv-s:rgba(78,58,96,0.07);
  --ev-con:#860e18; --ev-con-s:rgba(134,14,24,0.07);
  --ev-unk:#5b62a7; --ev-unk-s:rgba(91,98,167,0.07);
  /* the nine books */
  --acad-prog:#4e65a9;
  --acad-cs:#3a6242;
  --acad-tv:#7c211f;
  --acad-local:#004c44;
  --acad-social:#374068;
  --acad-retail:#826321;
  --acad-ev:#007096;
  --acad-strategy:#576936;
  --acad-ai:#71415b;
  /* the 78 per-book chapter hues. These are what --stage resolves
     to on a module page, so they colour the chip, the objectives
     rule, the headings and the Map link -- and every one was a
     dark-theme pastel, which is 1.26:1 text on a light ground. Each
     keeps its own hue to within 22 degrees; separation is solved
     within a book, because two books never appear side by side. */
  --a0:#82542d; --a1:#5f2c49; --a2:#964000; --a3:#4d6a8c; --a4:#005ee6; --a5:#5e6d4a; --a6:#324768; --a7:#7c1017; --a8:#105e64; --c0:#684324; --c1:#49597c; --c2:#00743a; --c3:#984801; --c4:#ab0635; --c5:#453467; --c6:#0a595c; --c7:#623004; --c8:#00463f; --g0:#486b8c; --g1:#006da0; --g2:#0a3d79; --g3:#375d44; --g4:#5c6844; --g5:#5f3210; --g6:#a73a0d; --g7:#353c5d; --g8:#125e62; --l0:#583517; --l1:#49597c; --l2:#045b4a; --l3:#672d00; --l4:#ab0635; --l5:#007344; --l6:#00463f; --n0:#695200; --n1:#64597c; --n2:#26442a; --n3:#006ca1; --n4:#d00031; --n5:#5f3210; --n6:#426c55; --n7:#00504f; --p0:#8f5d2a; --p1:#3c4113; --p2:#6f462a; --p3:#486587; --p4:#353c5d; --p5:#00743a; --p6:#693400; --p7:#ab0635; --p8:#9c4e03; --p9:#004641; --p10:#045b4a; --r0:#9a5800; --r1:#5c340d; --r2:#a53934; --r3:#cb0065; --r4:#483756; --r5:#006ca1; --r6:#294428; --r7:#38624b; --r8:#863900; --r9:#044b43; --s0:#005fe4; --s4:#7c6445; --s8:#874200; --s9:#00463f; --t0:#72461f; --t1:#8c1900; --t2:#825b3a; --t3:#945a2e; --t4:#543720; --t5:#983e08; --t6:#3b6249; --t7:#00545a; --t8:#006d95; --t9:#253f5f; --t10:#7456b7;
  /* the eleven stage hues */
  --s0:#49648e; --s1:#00596d; --s2:#184b32; --s3:#394715; --s4:#995000; --s5:#8c544e; --s6:#603350; --s7:#5e4e98; --s8:#743d03; --s9:#0e737d; --s10:#785f39;
}

@media (prefers-color-scheme: dark){
:root{
  /* The reader has asked their system for dark. Deep aubergine, authored rather than inverted. */
  --bg:#241a25; --bg-2:#2d222e; --bg-3:#362a38; --bg-4:#423544; --bg-5:#514253;
  --ink:#f8efea; --ink-2:#d0c4bf; --ink-3:#ab9e99; --ink-4:#a2928e; --ink-hi:#fef8f4;
  --line:#403641; --line-2:#524554;
  --wash-0:rgba(255,255,255,.03); --wash-1:rgba(255,255,255,.06); --wash-2:rgba(255,255,255,.10);
  --accent:#c5adf5; --accent-deep:#ad93e3; --accent-soft:rgba(197,173,245,0.12);
  --accent-2:#fba78e; --accent-2-soft:rgba(251,167,142,0.11); --mark:#d3a1cc;
  --stage:var(--accent);
  /* the lattice on the home page needs about twice the alpha on a light
     ground as on a dark one to read at the same weight */
  --chord-a:.075;
  /* THE FOUR DOORS, AND THE FOUR COLUMN HEADINGS UNDER THEM.
     They were --mark, --accent, --warn and --money: four unrelated
     palettes stacked in one nav. Now one family, and the thing that
     separates them is a LIGHTNESS LADDER rather than four hues,
     because four hues would make them a key -- a reader would start
     looking for what the colours mean -- while four lightnesses in
     one hue range read as related and stay tellable apart at 16px.
     The first flat version measured 10.4 dE between its closest
     pair and read as one colour; this one measures 19.2 light and
     16.7 dark, with every value clearing 4.5:1 on the ground and on
     the hover surface. */
  --door-1:#bc84b4; --door-2:#b79fea; --door-3:#b6bef6; --door-4:#e8cef4;
  /* the primary button. It used to be a pale fill with near-black
     ink hardcoded into the rule, which is why it went near-black on
     near-black the first time a light ground was tried. */
  --cta-bg:#d7c2fa; --cta-bg-hover:#e6d8ff; --cta-ink:#241a25;
  --cta-glow:rgba(215,194,250,.34); --cta-glow-hover:rgba(215,194,250,.5);
  /* inline code: the ink was a pale blue literal, invisible on paper */
  --code-ink:#e2cdfa;
  --shadow-1:0 1px 2px rgba(10,4,12,.38); --shadow-2:0 4px 18px -6px rgba(10,4,12,.6); --shadow-3:0 18px 48px -18px rgba(10,4,12,.8);
  /* the meaning-bearing five */
  --warn:#f1c276; --warn-soft:rgba(241,194,118,0.12);
  --money:#a3daa2; --money-soft:rgba(163,218,162,0.12);
  --floor:#cfb3ed; --floor-soft:rgba(207,179,237,0.12);
  --open:#ee95a6; --open-soft:rgba(238,149,166,0.12);
  --desk:#92bdff; --desk-soft:rgba(146,189,255,0.12);
  /* the seven evidence grades */
  --ev-doc:#6ff6a9; --ev-doc-s:rgba(111,246,169,0.12);
  --ev-evi:#00b1ff; --ev-evi-s:rgba(0,177,255,0.12);
  --ev-trd:#80bbbb; --ev-trd-s:rgba(128,187,187,0.12);
  --ev-inf:#d88040; --ev-inf-s:rgba(216,128,64,0.12);
  --ev-cnv:#9a8ec7; --ev-cnv-s:rgba(154,142,199,0.12);
  --ev-con:#b88c7f; --ev-con-s:rgba(184,140,127,0.12);
  --ev-unk:#d5dbff; --ev-unk-s:rgba(213,219,255,0.12);
  /* the nine books */
  --acad-prog:#c8adff;
  --acad-cs:#a1edc0;
  --acad-tv:#fca867;
  --acad-local:#69f2e7;
  --acad-social:#6f90fb;
  --acad-retail:#ffc695;
  --acad-ev:#9ab9da;
  --acad-strategy:#a19664;
  --acad-ai:#e46cb1;
  /* the 78 per-book chapter hues. These are what --stage resolves
     to on a module page, so they colour the chip, the objectives
     rule, the headings and the Map link -- and every one was a
     dark-theme pastel, which is 1.26:1 text on a light ground. Each
     keeps its own hue to within 22 degrees; separation is solved
     within a book, because two books never appear side by side. */
  --a0:#a39664; --a1:#e4849c; --a2:#ed7300; --a3:#5e9dc4; --a4:#eac2ff; --a5:#8ebf55; --a6:#00baff; --a7:#ffbb9e; --a8:#aae9de; --c0:#ffcd90; --c1:#419be7; --c2:#aed7aa; --c3:#d8a31a; --c4:#f75f9f; --c5:#8495c6; --c6:#6fc4bd; --c7:#d8803b; --c8:#39f4f2; --g0:#619eb3; --g1:#8addf8; --g2:#009de7; --g3:#badab7; --g4:#78ca3f; --g5:#bc8c6c; --g6:#e97f2a; --g7:#9496d3; --g8:#0ef1db; --l0:#fa8806; --l1:#419be7; --l2:#88ee88; --l3:#bb8e44; --l4:#ffd0c7; --l5:#74a086; --l6:#26f4fe; --n0:#efae7a; --n1:#a893b8; --n2:#5fe3ab; --n3:#009de7; --n4:#bc8896; --n5:#ff831a; --n6:#ade9da; --n7:#26f4fe; --p0:#ffc58d; --p1:#a19664; --p2:#fe974c; --p3:#9fcced; --p4:#8f93bb; --p5:#00e7bd; --p6:#f1a293; --p7:#f16697; --p8:#c28b47; --p9:#00bba9; --p10:#7bf4b5; --r0:#ffad60; --r1:#c4d71e; --r2:#f26f29; --r3:#fdc3c9; --r4:#9d90b6; --r5:#5c98e7; --r6:#92d78f; --r7:#6ea08b; --r8:#c38963; --r9:#00dde7; --s0:#898dea; --s4:#e47a00; --s8:#fed79d; --s9:#00f7ee; --t0:#ebb318; --t1:#ee705d; --t2:#bc8f13; --t3:#ffd692; --t4:#fa9957; --t5:#c6b583; --t6:#00e9b6; --t7:#18a5b0; --t8:#80bde6; --t9:#ddd8ff; --t10:#7f93da;
  /* the eleven stage hues */
  --s0:#6b9ac6; --s1:#6ac2d7; --s2:#a3dfbc; --s3:#7f9d81; --s4:#bcbb4d; --s5:#ffa393; --s6:#b489a9; --s7:#5295fe; --s8:#d19361; --s9:#0ef1db; --s10:#efc682;
}
}

html[data-theme="plum-light"]{
  /* An explicit choice of light, which outranks the system preference. */
  --bg:#f6f2ff; --bg-2:#f0ecf9; --bg-3:#e9e5f3; --bg-4:#e0dceb; --bg-5:#d7d2e2;
  --ink:#302335; --ink-2:#504556; --ink-3:#675d6e; --ink-4:#6d6575; --ink-hi:#261929;
  --line:#d4cfde; --line-2:#beb9cb;
  --wash-0:rgba(48,35,53,0.028); --wash-1:rgba(48,35,53,0.055); --wash-2:rgba(48,35,53,0.095);
  --accent:#5b348f; --accent-deep:#522f83; --accent-soft:rgba(91,52,143,0.07);
  --accent-2:#ac373a; --accent-2-soft:rgba(172,55,58,0.11); --mark:#7b3e75;
  --stage:var(--accent);
  /* the lattice on the home page needs about twice the alpha on a light
     ground as on a dark one to read at the same weight */
  --chord-a:.13;
  /* THE FOUR DOORS, AND THE FOUR COLUMN HEADINGS UNDER THEM.
     They were --mark, --accent, --warn and --money: four unrelated
     palettes stacked in one nav. Now one family, and the thing that
     separates them is a LIGHTNESS LADDER rather than four hues,
     because four hues would make them a key -- a reader would start
     looking for what the colours mean -- while four lightnesses in
     one hue range read as related and stay tellable apart at 16px.
     The first flat version measured 10.4 dE between its closest
     pair and read as one colour; this one measures 19.2 light and
     16.7 dark, with every value clearing 4.5:1 on the ground and on
     the hover surface. */
  --door-1:#5c2158; --door-2:#543e97; --door-3:#485fa8; --door-4:#86589e;
  /* the primary button. It used to be a pale fill with near-black
     ink hardcoded into the rule, which is why it went near-black on
     near-black the first time a light ground was tried. */
  --cta-bg:#5a318f; --cta-bg-hover:#4a2578; --cta-ink:#f6f2ff;
  --cta-glow:rgba(90,49,143,.30); --cta-glow-hover:rgba(90,49,143,.42);
  /* inline code: the ink was a pale blue literal, invisible on paper */
  --code-ink:#4a2578;
  --shadow-1:0 1px 2px rgba(48,35,53,0.1); --shadow-2:0 4px 18px -6px rgba(48,35,53,0.16); --shadow-3:0 18px 48px -18px rgba(48,35,53,0.22);
  /* the meaning-bearing five */
  --warn:#743d02; --warn-soft:rgba(116,61,2,0.07);
  --money:#0f4c2c; --money-soft:rgba(15,76,44,0.07);
  --floor:#725ca0; --floor-soft:rgba(114,92,160,0.07);
  --open:#af3271; --open-soft:rgba(175,50,113,0.07);
  --desk:#005dea; --desk-soft:rgba(0,93,234,0.07);
  /* the seven evidence grades */
  --ev-doc:#505f35; --ev-doc-s:rgba(80,95,53,0.07);
  --ev-evi:#256486; --ev-evi-s:rgba(37,100,134,0.07);
  --ev-trd:#0d4c37; --ev-trd-s:rgba(13,76,55,0.07);
  --ev-inf:#8d460d; --ev-inf-s:rgba(141,70,13,0.07);
  --ev-cnv:#4e3a60; --ev-cnv-s:rgba(78,58,96,0.07);
  --ev-con:#860e18; --ev-con-s:rgba(134,14,24,0.07);
  --ev-unk:#5b62a7; --ev-unk-s:rgba(91,98,167,0.07);
  /* the nine books */
  --acad-prog:#4e65a9;
  --acad-cs:#3a6242;
  --acad-tv:#7c211f;
  --acad-local:#004c44;
  --acad-social:#374068;
  --acad-retail:#826321;
  --acad-ev:#007096;
  --acad-strategy:#576936;
  --acad-ai:#71415b;
  /* the 78 per-book chapter hues. These are what --stage resolves
     to on a module page, so they colour the chip, the objectives
     rule, the headings and the Map link -- and every one was a
     dark-theme pastel, which is 1.26:1 text on a light ground. Each
     keeps its own hue to within 22 degrees; separation is solved
     within a book, because two books never appear side by side. */
  --a0:#82542d; --a1:#5f2c49; --a2:#964000; --a3:#4d6a8c; --a4:#005ee6; --a5:#5e6d4a; --a6:#324768; --a7:#7c1017; --a8:#105e64; --c0:#684324; --c1:#49597c; --c2:#00743a; --c3:#984801; --c4:#ab0635; --c5:#453467; --c6:#0a595c; --c7:#623004; --c8:#00463f; --g0:#486b8c; --g1:#006da0; --g2:#0a3d79; --g3:#375d44; --g4:#5c6844; --g5:#5f3210; --g6:#a73a0d; --g7:#353c5d; --g8:#125e62; --l0:#583517; --l1:#49597c; --l2:#045b4a; --l3:#672d00; --l4:#ab0635; --l5:#007344; --l6:#00463f; --n0:#695200; --n1:#64597c; --n2:#26442a; --n3:#006ca1; --n4:#d00031; --n5:#5f3210; --n6:#426c55; --n7:#00504f; --p0:#8f5d2a; --p1:#3c4113; --p2:#6f462a; --p3:#486587; --p4:#353c5d; --p5:#00743a; --p6:#693400; --p7:#ab0635; --p8:#9c4e03; --p9:#004641; --p10:#045b4a; --r0:#9a5800; --r1:#5c340d; --r2:#a53934; --r3:#cb0065; --r4:#483756; --r5:#006ca1; --r6:#294428; --r7:#38624b; --r8:#863900; --r9:#044b43; --s0:#005fe4; --s4:#7c6445; --s8:#874200; --s9:#00463f; --t0:#72461f; --t1:#8c1900; --t2:#825b3a; --t3:#945a2e; --t4:#543720; --t5:#983e08; --t6:#3b6249; --t7:#00545a; --t8:#006d95; --t9:#253f5f; --t10:#7456b7;
  /* the eleven stage hues */
  --s0:#49648e; --s1:#00596d; --s2:#184b32; --s3:#394715; --s4:#995000; --s5:#8c544e; --s6:#603350; --s7:#5e4e98; --s8:#743d03; --s9:#0e737d; --s10:#785f39;
}

html[data-theme="plum-dark"]{
  /* An explicit choice of dark. */
  --bg:#241a25; --bg-2:#2d222e; --bg-3:#362a38; --bg-4:#423544; --bg-5:#514253;
  --ink:#f8efea; --ink-2:#d0c4bf; --ink-3:#ab9e99; --ink-4:#a2928e; --ink-hi:#fef8f4;
  --line:#403641; --line-2:#524554;
  --wash-0:rgba(255,255,255,.03); --wash-1:rgba(255,255,255,.06); --wash-2:rgba(255,255,255,.10);
  --accent:#c5adf5; --accent-deep:#ad93e3; --accent-soft:rgba(197,173,245,0.12);
  --accent-2:#fba78e; --accent-2-soft:rgba(251,167,142,0.11); --mark:#d3a1cc;
  --stage:var(--accent);
  /* the lattice on the home page needs about twice the alpha on a light
     ground as on a dark one to read at the same weight */
  --chord-a:.075;
  /* THE FOUR DOORS, AND THE FOUR COLUMN HEADINGS UNDER THEM.
     They were --mark, --accent, --warn and --money: four unrelated
     palettes stacked in one nav. Now one family, and the thing that
     separates them is a LIGHTNESS LADDER rather than four hues,
     because four hues would make them a key -- a reader would start
     looking for what the colours mean -- while four lightnesses in
     one hue range read as related and stay tellable apart at 16px.
     The first flat version measured 10.4 dE between its closest
     pair and read as one colour; this one measures 19.2 light and
     16.7 dark, with every value clearing 4.5:1 on the ground and on
     the hover surface. */
  --door-1:#bc84b4; --door-2:#b79fea; --door-3:#b6bef6; --door-4:#e8cef4;
  /* the primary button. It used to be a pale fill with near-black
     ink hardcoded into the rule, which is why it went near-black on
     near-black the first time a light ground was tried. */
  --cta-bg:#d7c2fa; --cta-bg-hover:#e6d8ff; --cta-ink:#241a25;
  --cta-glow:rgba(215,194,250,.34); --cta-glow-hover:rgba(215,194,250,.5);
  /* inline code: the ink was a pale blue literal, invisible on paper */
  --code-ink:#e2cdfa;
  --shadow-1:0 1px 2px rgba(10,4,12,.38); --shadow-2:0 4px 18px -6px rgba(10,4,12,.6); --shadow-3:0 18px 48px -18px rgba(10,4,12,.8);
  /* the meaning-bearing five */
  --warn:#f1c276; --warn-soft:rgba(241,194,118,0.12);
  --money:#a3daa2; --money-soft:rgba(163,218,162,0.12);
  --floor:#cfb3ed; --floor-soft:rgba(207,179,237,0.12);
  --open:#ee95a6; --open-soft:rgba(238,149,166,0.12);
  --desk:#92bdff; --desk-soft:rgba(146,189,255,0.12);
  /* the seven evidence grades */
  --ev-doc:#6ff6a9; --ev-doc-s:rgba(111,246,169,0.12);
  --ev-evi:#00b1ff; --ev-evi-s:rgba(0,177,255,0.12);
  --ev-trd:#80bbbb; --ev-trd-s:rgba(128,187,187,0.12);
  --ev-inf:#d88040; --ev-inf-s:rgba(216,128,64,0.12);
  --ev-cnv:#9a8ec7; --ev-cnv-s:rgba(154,142,199,0.12);
  --ev-con:#b88c7f; --ev-con-s:rgba(184,140,127,0.12);
  --ev-unk:#d5dbff; --ev-unk-s:rgba(213,219,255,0.12);
  /* the nine books */
  --acad-prog:#c8adff;
  --acad-cs:#a1edc0;
  --acad-tv:#fca867;
  --acad-local:#69f2e7;
  --acad-social:#6f90fb;
  --acad-retail:#ffc695;
  --acad-ev:#9ab9da;
  --acad-strategy:#a19664;
  --acad-ai:#e46cb1;
  /* the 78 per-book chapter hues. These are what --stage resolves
     to on a module page, so they colour the chip, the objectives
     rule, the headings and the Map link -- and every one was a
     dark-theme pastel, which is 1.26:1 text on a light ground. Each
     keeps its own hue to within 22 degrees; separation is solved
     within a book, because two books never appear side by side. */
  --a0:#a39664; --a1:#e4849c; --a2:#ed7300; --a3:#5e9dc4; --a4:#eac2ff; --a5:#8ebf55; --a6:#00baff; --a7:#ffbb9e; --a8:#aae9de; --c0:#ffcd90; --c1:#419be7; --c2:#aed7aa; --c3:#d8a31a; --c4:#f75f9f; --c5:#8495c6; --c6:#6fc4bd; --c7:#d8803b; --c8:#39f4f2; --g0:#619eb3; --g1:#8addf8; --g2:#009de7; --g3:#badab7; --g4:#78ca3f; --g5:#bc8c6c; --g6:#e97f2a; --g7:#9496d3; --g8:#0ef1db; --l0:#fa8806; --l1:#419be7; --l2:#88ee88; --l3:#bb8e44; --l4:#ffd0c7; --l5:#74a086; --l6:#26f4fe; --n0:#efae7a; --n1:#a893b8; --n2:#5fe3ab; --n3:#009de7; --n4:#bc8896; --n5:#ff831a; --n6:#ade9da; --n7:#26f4fe; --p0:#ffc58d; --p1:#a19664; --p2:#fe974c; --p3:#9fcced; --p4:#8f93bb; --p5:#00e7bd; --p6:#f1a293; --p7:#f16697; --p8:#c28b47; --p9:#00bba9; --p10:#7bf4b5; --r0:#ffad60; --r1:#c4d71e; --r2:#f26f29; --r3:#fdc3c9; --r4:#9d90b6; --r5:#5c98e7; --r6:#92d78f; --r7:#6ea08b; --r8:#c38963; --r9:#00dde7; --s0:#898dea; --s4:#e47a00; --s8:#fed79d; --s9:#00f7ee; --t0:#ebb318; --t1:#ee705d; --t2:#bc8f13; --t3:#ffd692; --t4:#fa9957; --t5:#c6b583; --t6:#00e9b6; --t7:#18a5b0; --t8:#80bde6; --t9:#ddd8ff; --t10:#7f93da;
  /* the eleven stage hues */
  --s0:#6b9ac6; --s1:#6ac2d7; --s2:#a3dfbc; --s3:#7f9d81; --s4:#bcbb4d; --s5:#ffa393; --s6:#b489a9; --s7:#5295fe; --s8:#d19361; --s9:#0ef1db; --s10:#efc682;
}

/* The ground itself, which is not a token anywhere. */
body{background:var(--bg);color:var(--ink-2)}