/* Every colour the page uses, per theme. g0..g5 is the glow ramp (darkest to brightest) behind the
   hero, the stages and the tiles; f1..f3 are the drifting fog blobs; acc is the one money colour;
   --heat is what the dotted mark warms to under the pointer. Pick one with <html data-theme>; the site ships cobalt. */
:root, :root[data-theme="teal"] {
  --g0: #0a1216; --g1: #102128; --g2: #18343f; --g3: #1d3f4e; --g4: #3d7590; --g5: #3a6478;
  --f1: #3f7189; --f2: #4f7f96; --f3: #5b8aa2;
  --acc-rgb: 134 239 172; --acc-ink: #052e16; --acc-hi: #a7f3c0;
  --heat: 96 184 214, 127 220 239, 197 246 253;
}
:root[data-theme="ember"] {
  --g0: #120906; --g1: #24110a; --g2: #34180d; --g3: #4a2211; --g4: #8a4320; --g5: #9c4f27;
  --f1: #8c4523; --f2: #a2552b; --f3: #b96a36;
  --acc-rgb: 251 191 36; --acc-ink: #3a2300; --acc-hi: #fcd34d;
  --heat: 232 140 80, 248 180 110, 255 224 180;
}
:root[data-theme="violet"] {
  --g0: #0c0a14; --g1: #17112b; --g2: #22193f; --g3: #2f2257; --g4: #5a40a6; --g5: #5b45a0;
  --f1: #563f9c; --f2: #6a52b4; --f3: #7d66c6;
  --acc-rgb: 249 168 212; --acc-ink: #500724; --acc-hi: #fbcfe8;
  --heat: 150 122 232, 186 162 250, 226 212 255;
}
:root[data-theme="cobalt"] {
  --g0: #060a16; --g1: #0b142c; --g2: #111d42; --g3: #172a62; --g4: #2650b8; --g5: #2a55b8;
  --f1: #284fb0; --f2: #3561c8; --f3: #4874da;
  --acc-rgb: 125 211 252; --acc-ink: #082f49; --acc-hi: #bae6fd;
  --heat: 90 140 240, 130 175 252, 200 222 255;
}
:root[data-theme="mono"] {
  --g0: #0a0a0a; --g1: #131313; --g2: #1b1b1b; --g3: #262626; --g4: #4a4a4a; --g5: #505050;
  --f1: #474747; --f2: #565656; --f3: #666666;
  --acc-rgb: 255 255 255; --acc-ink: #000000; --acc-hi: #e5e5e5;
  --heat: 150 150 150, 195 195 195, 232 232 232;
}