/* Made by tools/make-tones.mjs from src/tones.js: the page's colours in each colourway. Do not edit by hand. */

:root,
html[data-tone="oxblood"] {
  color-scheme: dark;
  --bg: #000000;
  --bg-deep: #050403;
  --ink: #d8c4a0;
  --reply-ink: #f5e6c8;
  --muted: #b8b8b8;
  --status: #b8b8b8;
  --amber: #cfab68;
  --border: rgba(207, 171, 104, 0.22);
  --guide-shadow: 0 0 22px rgba(243, 223, 182, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(255, 180, 90, 0.14);
  --candle-moss: rgba(207, 171, 104, 0.08);
  --aurora-moss: #ffb45a;
  --aurora-gold: #cfab68;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(207, 171, 104, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(8, 6, 4, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #050403;
  --portal-panel: #100c08;
  --portal-ink: #f3dfb6;
  --portal-muted: #c0b39c;
  --portal-gold: #cfab68;
  --portal-line: rgba(207, 171, 104, 0.2);
  --gold-rgb: 207, 171, 104;
  --gold-hi-rgb: 243, 223, 182;
  --void-rgb: 8, 6, 4;
  --ribbon-dark-rgb: 24, 16, 9;
  --ribbon-mid-rgb: 73, 51, 25;
  --light-rgb: 255, 226, 178;
  --gold: #cfab68;
  --gold-hi: #f3dfb6;
  --gold-bright: #dfc28b;
  --void: #080604;
  --panel: #100c08;
  --panel-hi: #1d170f;
  --panel-lo: #0c0906;
  --drawer-a: #050403;
  --drawer-b: #0c0906;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #080604;
}

html[data-tone="laser"] {
  color-scheme: dark;
  --bg: #0a0b0e;
  --bg-deep: #06070a;
  --ink: #d6dae4;
  --reply-ink: #f1f3fa;
  --muted: #9ca3b3;
  --status: #9ca3b3;
  --amber: #b4bdd4;
  --border: rgba(180, 189, 212, 0.22);
  --guide-shadow: 0 0 22px rgba(238, 241, 252, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(159, 198, 255, 0.14);
  --candle-moss: rgba(211, 184, 242, 0.08);
  --aurora-moss: #9fc6ff;
  --aurora-gold: #d3b8f2;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(180, 189, 212, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(6, 7, 10, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #06070a;
  --portal-panel: #10121a;
  --portal-ink: #eef1fc;
  --portal-muted: #a4acbf;
  --portal-gold: #b4bdd4;
  --portal-line: rgba(180, 189, 212, 0.2);
  --gold-rgb: 180, 189, 212;
  --gold-hi-rgb: 238, 241, 252;
  --void-rgb: 6, 7, 10;
  --ribbon-dark-rgb: 14, 15, 20;
  --ribbon-mid-rgb: 52, 56, 70;
  --light-rgb: 226, 234, 255;
  --gold: #b4bdd4;
  --gold-hi: #eef1fc;
  --gold-bright: #ced4e6;
  --void: #06070a;
  --panel: #10121a;
  --panel-hi: #1b1e27;
  --panel-lo: #0b0c11;
  --drawer-a: #06070a;
  --drawer-b: #0c0d13;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #06070a;
}

html[data-tone="emerald"] {
  color-scheme: dark;
  --bg: #0f1d17;
  --bg-deep: #08130e;
  --ink: #d9d3a8;
  --reply-ink: #f1ecc8;
  --muted: #8fa28a;
  --status: #8fa28a;
  --amber: #cdbf80;
  --border: rgba(205, 191, 128, 0.22);
  --guide-shadow: 0 0 22px rgba(243, 237, 198, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(127, 191, 152, 0.14);
  --candle-moss: rgba(205, 191, 128, 0.08);
  --aurora-moss: #7fbf98;
  --aurora-gold: #cdbf80;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(205, 191, 128, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(7, 16, 11, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #08130e;
  --portal-panel: #14261d;
  --portal-ink: #f3edc6;
  --portal-muted: #a5ac87;
  --portal-gold: #cdbf80;
  --portal-line: rgba(205, 191, 128, 0.2);
  --gold-rgb: 205, 191, 128;
  --gold-hi-rgb: 243, 237, 198;
  --void-rgb: 7, 16, 11;
  --ribbon-dark-rgb: 12, 26, 19;
  --ribbon-mid-rgb: 38, 64, 47;
  --light-rgb: 216, 240, 200;
  --gold: #cdbf80;
  --gold-hi: #f3edc6;
  --gold-bright: #ded4a0;
  --void: #07100b;
  --panel: #14261d;
  --panel-hi: #213124;
  --panel-lo: #0d1a13;
  --drawer-a: #08130e;
  --drawer-b: #0e1c15;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #07100b;
}

html[data-tone="indigo"] {
  color-scheme: dark;
  --bg: #070d24;
  --bg-deep: #040716;
  --ink: #d6dcef;
  --reply-ink: #f2f4ff;
  --muted: #8f9ac4;
  --status: #8f9ac4;
  --amber: #e0b25c;
  --border: rgba(224, 178, 92, 0.22);
  --guide-shadow: 0 0 22px rgba(246, 223, 160, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(241, 199, 106, 0.14);
  --candle-moss: rgba(127, 155, 255, 0.08);
  --aurora-moss: #f1c76a;
  --aurora-gold: #7f9bff;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(224, 178, 92, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(4, 7, 22, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #040716;
  --portal-panel: #0d1636;
  --portal-ink: #f6dfa0;
  --portal-muted: #aba2a0;
  --portal-gold: #e0b25c;
  --portal-line: rgba(224, 178, 92, 0.2);
  --gold-rgb: 224, 178, 92;
  --gold-hi-rgb: 246, 223, 160;
  --void-rgb: 4, 7, 22;
  --ribbon-dark-rgb: 10, 16, 48;
  --ribbon-mid-rgb: 44, 63, 122;
  --light-rgb: 255, 226, 160;
  --gold: #e0b25c;
  --gold-hi: #f6dfa0;
  --gold-bright: #eac67b;
  --void: #040716;
  --panel: #0d1636;
  --panel-hi: #1c2139;
  --panel-lo: #080e24;
  --drawer-a: #040716;
  --drawer-b: #090f28;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #040716;
}

html[data-tone="amethyst"] {
  color-scheme: dark;
  --bg: #0e0717;
  --bg-deep: #08040f;
  --ink: #e4d8ef;
  --reply-ink: #f7effc;
  --muted: #a597bb;
  --status: #a597bb;
  --amber: #d9b66c;
  --border: rgba(217, 182, 108, 0.22);
  --guide-shadow: 0 0 22px rgba(246, 227, 178, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(177, 132, 255, 0.14);
  --candle-moss: rgba(217, 182, 108, 0.08);
  --aurora-moss: #b184ff;
  --aurora-gold: #d9b66c;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(217, 182, 108, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(8, 4, 15, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #08040f;
  --portal-panel: #170c27;
  --portal-ink: #f6e3b2;
  --portal-muted: #b7a29f;
  --portal-gold: #d9b66c;
  --portal-line: rgba(217, 182, 108, 0.2);
  --gold-rgb: 217, 182, 108;
  --gold-hi-rgb: 246, 227, 178;
  --void-rgb: 8, 4, 15;
  --ribbon-dark-rgb: 18, 8, 31;
  --ribbon-mid-rgb: 63, 36, 104;
  --light-rgb: 240, 220, 255;
  --gold: #d9b66c;
  --gold-hi: #f6e3b2;
  --gold-bright: #e6ca8c;
  --void: #08040f;
  --panel: #170c27;
  --panel-hi: #25182c;
  --panel-lo: #0f081a;
  --drawer-a: #08040f;
  --drawer-b: #10081c;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #08040f;
}

html[data-tone="lava"] {
  color-scheme: dark;
  --bg: #0d0504;
  --bg-deep: #070202;
  --ink: #ecd2bf;
  --reply-ink: #fbe6d6;
  --muted: #b0907c;
  --status: #b0907c;
  --amber: #ff7a2e;
  --border: rgba(255, 122, 46, 0.22);
  --guide-shadow: 0 0 22px rgba(255, 192, 138, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(255, 90, 31, 0.14);
  --candle-moss: rgba(255, 176, 102, 0.08);
  --aurora-moss: #ff5a1f;
  --aurora-gold: #ffb066;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(255, 122, 46, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(7, 2, 2, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #070202;
  --portal-panel: #1a0b07;
  --portal-ink: #ffc08a;
  --portal-muted: #cc8861;
  --portal-gold: #ff7a2e;
  --portal-line: rgba(255, 122, 46, 0.2);
  --gold-rgb: 255, 122, 46;
  --gold-hi-rgb: 255, 192, 138;
  --void-rgb: 7, 2, 2;
  --ribbon-dark-rgb: 20, 6, 3;
  --ribbon-mid-rgb: 106, 42, 16;
  --light-rgb: 255, 160, 90;
  --gold: #ff7a2e;
  --gold-hi: #ffc08a;
  --gold-bright: #ff9a57;
  --void: #070202;
  --panel: #1a0b07;
  --panel-hi: #2a130a;
  --panel-lo: #100604;
  --drawer-a: #070202;
  --drawer-b: #110705;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #070202;
}

html[data-tone="opal"] {
  color-scheme: dark;
  --bg: #150f1f;
  --bg-deep: #0d0814;
  --ink: #e8dcf0;
  --reply-ink: #faf2ff;
  --muted: #a99bbd;
  --status: #a99bbd;
  --amber: #e6b8c8;
  --border: rgba(230, 184, 200, 0.22);
  --guide-shadow: 0 0 22px rgba(251, 228, 238, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(159, 230, 214, 0.14);
  --candle-moss: rgba(240, 182, 216, 0.08);
  --aurora-moss: #9fe6d6;
  --aurora-gold: #f0b6d8;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(230, 184, 200, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(13, 8, 20, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #0d0814;
  --portal-panel: #1f1730;
  --portal-ink: #fbe4ee;
  --portal-muted: #bea5c1;
  --portal-gold: #e6b8c8;
  --portal-line: rgba(230, 184, 200, 0.2);
  --gold-rgb: 230, 184, 200;
  --gold-hi-rgb: 251, 228, 238;
  --void-rgb: 13, 8, 20;
  --ribbon-dark-rgb: 23, 16, 36;
  --ribbon-mid-rgb: 76, 58, 104;
  --light-rgb: 255, 225, 240;
  --gold: #e6b8c8;
  --gold-hi: #fbe4ee;
  --gold-bright: #efccd9;
  --void: #0d0814;
  --panel: #1f1730;
  --panel-hi: #2d223b;
  --panel-lo: #150f21;
  --drawer-a: #0d0814;
  --drawer-b: #171023;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #0d0814;
}

html[data-tone="teal"] {
  color-scheme: dark;
  --bg: #051314;
  --bg-deep: #030c0d;
  --ink: #cde4e0;
  --reply-ink: #eafaf6;
  --muted: #88a9a5;
  --status: #88a9a5;
  --amber: #e0a070;
  --border: rgba(224, 160, 112, 0.22);
  --guide-shadow: 0 0 22px rgba(245, 205, 172, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(111, 224, 212, 0.14);
  --candle-moss: rgba(224, 160, 112, 0.08);
  --aurora-moss: #6fe0d4;
  --aurora-gold: #e0a070;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(224, 160, 112, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(3, 12, 13, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #030c0d;
  --portal-panel: #0b1f21;
  --portal-ink: #f5cdac;
  --portal-muted: #a7a692;
  --portal-gold: #e0a070;
  --portal-line: rgba(224, 160, 112, 0.2);
  --gold-rgb: 224, 160, 112;
  --gold-hi-rgb: 245, 205, 172;
  --void-rgb: 3, 12, 13;
  --ribbon-dark-rgb: 7, 21, 22;
  --ribbon-mid-rgb: 29, 74, 77;
  --light-rgb: 170, 240, 230;
  --gold: #e0a070;
  --gold-hi: #f5cdac;
  --gold-bright: #e9b48b;
  --void: #030c0d;
  --panel: #0b1f21;
  --panel-hi: #1a2827;
  --panel-lo: #071516;
  --drawer-a: #030c0d;
  --drawer-b: #071618;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #030c0d;
}

html[data-tone="sand"] {
  color-scheme: dark;
  --bg: #1a120b;
  --bg-deep: #0f0a06;
  --ink: #ecd9b8;
  --reply-ink: #fbeed2;
  --muted: #b09a78;
  --status: #b09a78;
  --amber: #d49a52;
  --border: rgba(212, 154, 82, 0.22);
  --guide-shadow: 0 0 22px rgba(247, 217, 164, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(255, 184, 96, 0.14);
  --candle-moss: rgba(212, 154, 82, 0.08);
  --aurora-moss: #ffb860;
  --aurora-gold: #d49a52;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(212, 154, 82, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(15, 10, 6, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #0f0a06;
  --portal-panel: #271a10;
  --portal-ink: #f7d9a4;
  --portal-muted: #bd9a6b;
  --portal-gold: #d49a52;
  --portal-line: rgba(212, 154, 82, 0.2);
  --gold-rgb: 212, 154, 82;
  --gold-hi-rgb: 247, 217, 164;
  --void-rgb: 15, 10, 6;
  --ribbon-dark-rgb: 31, 20, 11;
  --ribbon-mid-rgb: 122, 85, 48;
  --light-rgb: 255, 205, 140;
  --gold: #d49a52;
  --gold-hi: #f7d9a4;
  --gold-bright: #e4b677;
  --void: #0f0a06;
  --panel: #271a10;
  --panel-hi: #332315;
  --panel-lo: #1a110b;
  --drawer-a: #0f0a06;
  --drawer-b: #1c130c;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #0f0a06;
}

html[data-tone="sakura"] {
  color-scheme: dark;
  --bg: #1a0a10;
  --bg-deep: #10060a;
  --ink: #f0d6dc;
  --reply-ink: #fff0f3;
  --muted: #b9959f;
  --status: #b9959f;
  --amber: #efc3b0;
  --border: rgba(239, 195, 176, 0.22);
  --guide-shadow: 0 0 22px rgba(255, 240, 230, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(255, 159, 184, 0.14);
  --candle-moss: rgba(240, 200, 168, 0.08);
  --aurora-moss: #ff9fb8;
  --aurora-gold: #f0c8a8;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(239, 195, 176, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(16, 6, 10, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #10060a;
  --portal-panel: #26111a;
  --portal-ink: #fff0e6;
  --portal-muted: #cca5a5;
  --portal-gold: #efc3b0;
  --portal-line: rgba(239, 195, 176, 0.2);
  --gold-rgb: 239, 195, 176;
  --gold-hi-rgb: 255, 240, 230;
  --void-rgb: 16, 6, 10;
  --ribbon-dark-rgb: 26, 8, 16;
  --ribbon-mid-rgb: 122, 58, 78;
  --light-rgb: 255, 215, 215;
  --gold: #efc3b0;
  --gold-hi: #fff0e6;
  --gold-bright: #f6d7c8;
  --void: #10060a;
  --panel: #26111a;
  --panel-hi: #341d25;
  --panel-lo: #1a0b11;
  --drawer-a: #10060a;
  --drawer-b: #1c0c13;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #10060a;
}

html[data-tone="ice"] {
  color-scheme: dark;
  --bg: #06121f;
  --bg-deep: #030a14;
  --ink: #d4e5f5;
  --reply-ink: #f1f8ff;
  --muted: #8fa7c0;
  --status: #8fa7c0;
  --amber: #bcd8f0;
  --border: rgba(188, 216, 240, 0.22);
  --guide-shadow: 0 0 22px rgba(244, 251, 255, 0.22);
  --paper-noise-opacity: 0.045;
  --candle-core: rgba(143, 208, 255, 0.14);
  --candle-moss: rgba(188, 216, 240, 0.08);
  --aurora-moss: #8fd0ff;
  --aurora-gold: #bcd8f0;
  --veil: radial-gradient(ellipse at 50% 40%, rgba(188, 216, 240, 0.16), transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(3, 10, 20, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #030a14;
  --portal-panel: #0c1d30;
  --portal-ink: #f4fbff;
  --portal-muted: #9fb8d1;
  --portal-gold: #bcd8f0;
  --portal-line: rgba(188, 216, 240, 0.2);
  --gold-rgb: 188, 216, 240;
  --gold-hi-rgb: 244, 251, 255;
  --void-rgb: 3, 10, 20;
  --ribbon-dark-rgb: 8, 18, 31;
  --ribbon-mid-rgb: 37, 71, 107;
  --light-rgb: 205, 228, 255;
  --gold: #bcd8f0;
  --gold-hi: #f4fbff;
  --gold-bright: #d5e8f7;
  --void: #030a14;
  --panel: #0c1d30;
  --panel-hi: #182a3d;
  --panel-lo: #071321;
  --drawer-a: #030a14;
  --drawer-b: #081423;
  --shadow-rgb: 0, 0, 0;
  --on-gold: #030a14;
}