/* Olexify - the palette, in both themes.
 *
 * The canvas had one theme and a light mode that was a global CSS filter:
 * invert + hue-rotate + sepia over the whole document. It turned the page
 * yellow, it turned the roses brown, it inverted the portrait and then
 * inverted it back, and the gold buttons came out a colour gold is not.
 *
 * Every colour in base/site/ui.css is a variable now, and the dark block
 * below is exactly what those files said before, value for value. The light
 * block is a real second theme: warm parchment rather than white, ink dark
 * enough to read, gold still gold. Four things are pinned deliberately -
 * the roses, the ribbon, the gold buttons and the portrait are the same
 * object in both themes, so they are the same colour in both.
 *
 * quest.css is not themed: the crypt is a sealed chamber and the balcony is
 * a sunrise over a dark world. They look the same whichever theme you are in.
 */
:root {
  color-scheme: dark;
  --ink-on-gold: #0a0812;
  --gold: #c9982f;
  --gold-lit: #e8b84b;
  --gold-ink: #c9982f;
  --gold-ink-lit: #e8b84b;
  --bg-0a0812: #0a0812;
  --bg05040a: #05040a;
  --bg05040a4d: #05040a4d;
  --bg05040a99: #05040a99;
  --bg07050e: #07050e;
  --bg08070f: #08070f;
  --bg0a081200: #0a081200;
  --bg0a0812c0: #0a0812c0;
  --bg0a0812cc: #0a0812cc;
  --bg0a0812f2: #0a0812f2;
  --bg0a0812f5: #0a0812f5;
  --bg0a0812f7: #0a0812f7;
  --bg0b0914: #0b0914;
  --bg0c0914: #0c0914;
  --bg0c0a14: #0c0a14;
  --bg0d0b16: #0d0b16;
  --bg0e0c18: #0e0c18;
  --bg0e0c18e6: #0e0c18e6;
  --bg0e0c18f2: #0e0c18f2;
  --bg0f0b1c: #0f0b1c;
  --bg0f0c1a: #0f0c1a;
  --bg100d1a: #100d1a;
  --bg100d1c: #100d1c;
  --bg100e1c: #100e1c;
  --bg110e1d: #110e1d;
  --bg120e22: #120e22;
  --bg120f20: #120f20;
  --bg141020: #141020;
  --bg151129: #151129;
  --bg15121f: #15121f;
  --bg16121f: #16121f;
  --bg17131f: #17131f;
  --bg181430: #181430;
  --bg191333: #191333;
  --bg1a1030: #1a1030;
  --bg1b1132: #1b1132;
  --bg1c1533: #1c1533;
  --bg241a3f: #241a3f;
  --bg2f2a44: #2f2a44;
  --halo-000: #000;
  --ink-4a4463: #4a4463;
  --ink3b3552: #3b3552;
  --ink4c9a6a88: #4c9a6a88;
  --ink4ea36a: #4ea36a;
  --ink4ea36a80: #4ea36a80;
  --ink6b4f13: #6b4f13;
  --ink6d6789: #6d6789;
  --ink726d85: #8a83a6;
  --ink7a5cc488: #7a5cc488;
  --ink7b7498: #7b7498;
  --ink8a83a6: #8a83a6;
  --ink8e88a2: #8e88a2;
  --ink9a94b2: #9a94b2;
  --inka78bfa: #a78bfa;
  --inkb6b0c6: #b6b0c6;
  --inkb8b2c6: #b8b2c6;
  --inkc4bfd2: #c4bfd2;
  --inkd4a03a: #d4a03a;
  --inkd6d0e2: #d6d0e2;
  --inkded8e6: #ded8e6;
  --inke4dfee: #e4dfee;
  --inkece8f2: #ece8f2;
  --inkfff0c4: #fff0c4;
  --line-4a4463: #4a4463;
  --line211c33: #211c33;
  --line2a2442: #2a2442;
  --line66607f: #66607f;
  --lineffffff05: #ffffff05;
  --lineffffff08: #ffffff08;
  --lineffffff0a: #ffffff0a;
  --lineffffff0d: #ffffff0d;
  --lineffffff12: #ffffff12;
  --lineffffff14: #ffffff14;
  --lineffffff1a: #ffffff1a;
  --shadow-000: #000;
  --shadow00000066: #00000066;
  --shadow0009: #0009;
  --shadow000a: #000a;
  --washffcf6b26: #ffcf6b26;
  --washffcf6b4d: #ffcf6b4d;
  --washffd98a08: #ffd98a08;
  --washffd98a0f: #ffd98a0f;
  --washffd98a12: #ffd98a12;
  --washfff0c447: #fff0c447;
  --washfff3d64d: #fff3d64d;
}

/* set on <html> before first paint, and on the page shell by the script */
html[data-theme="light"],
html:has([data-theme="light"]) {
  color-scheme: light;
  --gold-ink: #845700;
  --gold-ink-lit: #946300;
  --bg-0a0812: #f6efe2;
  --bg05040a: #ebe1cf;
  --bg05040a4d: #ebe1cf4d;
  --bg05040a99: #ebe1cf99;
  --bg07050e: #eee7d6;
  --bg08070f: #eee7d6;
  --bg0a081200: #f6efe200;
  --bg0a0812c0: #f6efe2c0;
  --bg0a0812cc: #f6efe2cc;
  --bg0a0812f2: #f6efe2f2;
  --bg0a0812f5: #f6efe2f5;
  --bg0a0812f7: #f6efe2f7;
  --bg0b0914: #f1eade;
  --bg0c0914: #f3ecdd;
  --bg0c0a14: #f1eade;
  --bg0d0b16: #fbf7ee;
  --bg0e0c18: #fdfaf3;
  --bg0e0c18e6: #fdfaf3ee;
  --bg0e0c18f2: #fdfaf3f7;
  --bg0f0b1c: #f7efe1;
  --bg0f0c1a: #fdfaf3;
  --bg100d1a: #fdfaf3;
  --bg100d1c: #fdfaf3;
  --bg100e1c: #fdfaf3;
  --bg110e1d: #fdfaf3;
  --bg120e22: #ede5d4;
  --bg120f20: #fdfaf3;
  --bg141020: #fffdf8;
  --bg151129: #faf4e6;
  --bg15121f: #fffdf8;
  --bg16121f: #fffdf8;
  --bg17131f: #fffdf8;
  --bg181430: #faf4e6;
  --bg191333: #faf4e6;
  --bg1a1030: #faf4e6;
  --bg1b1132: #f1e8d6;
  --bg1c1533: #faf4e6;
  --bg241a3f: #faf0dc;
  --bg2f2a44: #cdc0a4;
  --halo-000: #f7edd6;
  --ink-4a4463: #978d78;
  --ink3b3552: #b9af97;
  --ink4c9a6a88: #2c744588;
  --ink4ea36a: #2c7445;
  --ink4ea36a80: #2c744580;
  --ink6d6789: #827965;
  --ink726d85: #675e4d;
  --ink7a5cc488: #6b4ab088;
  --ink7b7498: #786f5d;
  --ink8a83a6: #675e4d;
  --ink8e88a2: #675e4d;
  --ink9a94b2: #5a5140;
  --inka78bfa: #5b3fd0;
  --inkb6b0c6: #4b4030;
  --inkb8b2c6: #4b4030;
  --inkc4bfd2: #433828;
  --inkd4a03a: #8a5f07;
  --inkd6d0e2: #32281c;
  --inkded8e6: #281f15;
  --inke4dfee: #281f15;
  --inkece8f2: #201810;
  --inkfff0c4: #6b4f13;
  --line-4a4463: #c2b79c;
  --line211c33: #e5dbc4;
  --line2a2442: #dcd0b5;
  --line66607f: #a2947a;
  --lineffffff05: #00000009;
  --lineffffff08: #0000000d;
  --lineffffff0a: #0000000f;
  --lineffffff0d: #00000012;
  --lineffffff12: #00000014;
  --lineffffff14: #00000014;
  --lineffffff1a: #0000001f;
  --shadow-000: #2a1f0e2b;
  --shadow00000066: #2a1f0e24;
  --shadow0009: #2a1f0e26;
  --shadow000a: #2a1f0e2b;
  --washffcf6b26: #f0ae3a42;
  --washffcf6b4d: #f0ae3a6b;
  --washffd98a08: #c9982f10;
  --washffd98a0f: #c9982f14;
  --washffd98a12: #c9982f17;
  --washfff0c447: #f6cc6670;
}

/* The one colour that is the same in both themes on purpose: gold is the
   brand, and dark text on it is legible over either page. */
::selection { background: #c9982f; color: #0a0812; }

/* Background experiments, picked with ?bg=<name> on the URL (dark theme only).
   Generated from the dark palette: same lightness ladder, a new hue and a
   lift, so every panel keeps its place relative to the page. */
html[data-bg="dusk"]:not([data-theme="light"]) {
  --bg-0a0812: #19132b;
  --bg05040a: #140e24;
  --bg05040a4d: #140e244d;
  --bg05040a99: #140e2499;
  --bg07050e: #150e28;
  --bg08070f: #181227;
  --bg0a081200: #19132b00;
  --bg0a0812c0: #19132bc0;
  --bg0a0812cc: #19132bcc;
  --bg0a0812f2: #19132bf2;
  --bg0a0812f5: #19132bf5;
  --bg0a0812f7: #19132bf7;
  --bg0b0914: #1a142d;
  --bg0c0914: #1a142d;
  --bg0c0a14: #1b162c;
  --bg0d0b16: #1d172e;
  --bg0e0c18: #1e1830;
  --bg0e0c18e6: #1e1830e6;
  --bg0e0c18f2: #1e1830f2;
  --bg0f0b1c: #1d1536;
  --bg0f0c1a: #1e1732;
  --bg100d1a: #1f1932;
  --bg100d1c: #1f1834;
  --bg100e1c: #201a34;
  --bg110e1d: #201a35;
  --bg120e22: #21183b;
  --bg120f20: #221a38;
  --bg141020: #231c38;
  --bg151129: #251b42;
  --bg15121f: #251f36;
  --bg16121f: #251f36;
  --bg17131f: #262135;
  --bg181430: #291f49;
  --bg191333: #291d4d;
  --bg1a1030: #25194b;
  --bg1b1132: #271a4d;
  --bg1c1533: #2b1f4c;
  --bg241a3f: #312458;
  --bg2f2a44: #40385a;
}
html[data-bg="plum"]:not([data-theme="light"]) {
  --bg-0a0812: #261326;
  --bg05040a: #1f0e1f;
  --bg05040a4d: #1f0e1f4d;
  --bg05040a99: #1f0e1f99;
  --bg07050e: #230e23;
  --bg08070f: #231223;
  --bg0a081200: #26132600;
  --bg0a0812c0: #261326c0;
  --bg0a0812cc: #261326cc;
  --bg0a0812f2: #261326f2;
  --bg0a0812f5: #261326f5;
  --bg0a0812f7: #261326f7;
  --bg0b0914: #281428;
  --bg0c0914: #281428;
  --bg0c0a14: #271527;
  --bg0d0b16: #291629;
  --bg0e0c18: #2b172b;
  --bg0e0c18e6: #2b172be6;
  --bg0e0c18f2: #2b172bf2;
  --bg0f0b1c: #301530;
  --bg0f0c1a: #2e172e;
  --bg100d1a: #2d182d;
  --bg100d1c: #301830;
  --bg100e1c: #2f192f;
  --bg110e1d: #301930;
  --bg120e22: #361936;
  --bg120f20: #331a33;
  --bg141020: #331c33;
  --bg151129: #3d1c3d;
  --bg15121f: #311e31;
  --bg16121f: #311e31;
  --bg17131f: #312031;
  --bg181430: #441f44;
  --bg191333: #471e47;
  --bg1a1030: #451a45;
  --bg1b1132: #461b46;
  --bg1c1533: #472047;
  --bg241a3f: #522552;
  --bg2f2a44: #553755;
}
html[data-bg="slate"]:not([data-theme="light"]) {
  --bg-0a0812: #1b2028;
  --bg05040a: #161a21;
  --bg05040a4d: #161a214d;
  --bg05040a99: #161a2199;
  --bg07050e: #171d25;
  --bg08070f: #1a1e25;
  --bg0a081200: #1b202800;
  --bg0a0812c0: #1b2028c0;
  --bg0a0812cc: #1b2028cc;
  --bg0a0812f2: #1b2028f2;
  --bg0a0812f5: #1b2028f5;
  --bg0a0812f7: #1b2028f7;
  --bg0b0914: #1c222a;
  --bg0c0914: #1c222a;
  --bg0c0a14: #1d2229;
  --bg0d0b16: #1f242b;
  --bg0e0c18: #20252d;
  --bg0e0c18e6: #20252de6;
  --bg0e0c18f2: #20252df2;
  --bg0f0b1c: #1f2631;
  --bg0f0c1a: #20262f;
  --bg100d1a: #21272f;
  --bg100d1c: #212830;
  --bg100e1c: #222830;
  --bg110e1d: #232931;
  --bg120e22: #232b36;
  --bg120f20: #242b34;
  --bg141020: #252b34;
  --bg151129: #27303c;
  --bg15121f: #272c33;
  --bg16121f: #272c33;
  --bg17131f: #282c33;
  --bg181430: #2b3542;
  --bg191333: #2b3544;
  --bg1a1030: #273242;
  --bg1b1132: #293443;
  --bg1c1533: #2d3644;
  --bg241a3f: #333f4e;
  --bg2f2a44: #424a54;
}
html[data-bg="ink"]:not([data-theme="light"]) {
  --bg-0a0812: #151517;
  --bg05040a: #0f0f11;
  --bg05040a4d: #0f0f114d;
  --bg05040a99: #0f0f1199;
  --bg07050e: #111113;
  --bg08070f: #131315;
  --bg0a081200: #15151700;
  --bg0a0812c0: #151517c0;
  --bg0a0812cc: #151517cc;
  --bg0a0812f2: #151517f2;
  --bg0a0812f5: #151517f5;
  --bg0a0812f7: #151517f7;
  --bg0b0914: #161618;
  --bg0c0914: #161618;
  --bg0c0a14: #171719;
  --bg0d0b16: #18181a;
  --bg0e0c18: #1a1a1c;
  --bg0e0c18e6: #1a1a1ce6;
  --bg0e0c18f2: #1a1a1cf2;
  --bg0f0b1c: #1b1b1e;
  --bg0f0c1a: #1b1b1d;
  --bg100d1a: #1b1b1e;
  --bg100d1c: #1c1c1f;
  --bg100e1c: #1d1d1f;
  --bg110e1d: #1d1d20;
  --bg120e22: #1f1f23;
  --bg120f20: #1f1f22;
  --bg141020: #202022;
  --bg151129: #242428;
  --bg15121f: #202022;
  --bg16121f: #202022;
  --bg17131f: #212123;
  --bg181430: #29292d;
  --bg191333: #2a2a2e;
  --bg1a1030: #26262b;
  --bg1b1132: #28282d;
  --bg1c1533: #2b2b2f;
  --bg241a3f: #333338;
  --bg2f2a44: #3e3e42;
}
html[data-bg="ember"]:not([data-theme="light"]) {
  --bg-0a0812: #1f1814;
  --bg05040a: #18120f;
  --bg05040a4d: #18120f4d;
  --bg05040a99: #18120f99;
  --bg07050e: #1c1410;
  --bg08070f: #1c1613;
  --bg0a081200: #1f181400;
  --bg0a0812c0: #1f1814c0;
  --bg0a0812cc: #1f1814cc;
  --bg0a0812f2: #1f1814f2;
  --bg0a0812f5: #1f1814f5;
  --bg0a0812f7: #1f1814f7;
  --bg0b0914: #211916;
  --bg0c0914: #211916;
  --bg0c0a14: #211a17;
  --bg0d0b16: #231b18;
  --bg0e0c18: #241c19;
  --bg0e0c18e6: #241c19e6;
  --bg0e0c18f2: #241c19f2;
  --bg0f0b1c: #281d19;
  --bg0f0c1a: #261d19;
  --bg100d1a: #261e1a;
  --bg100d1c: #281f1b;
  --bg100e1c: #281f1c;
  --bg110e1d: #29201c;
  --bg120e22: #2d211c;
  --bg120f20: #2b211d;
  --bg141020: #2b221e;
  --bg151129: #332620;
  --bg15121f: #2b2320;
  --bg16121f: #2b2320;
  --bg17131f: #2b2421;
  --bg181430: #392b24;
  --bg191333: #3c2b24;
  --bg1a1030: #392820;
  --bg1b1132: #3b2922;
  --bg1c1533: #3c2c26;
  --bg241a3f: #46342c;
  --bg2f2a44: #4d403b;
}