:root,
:root[data-look='spooky'] {
  --bg-0: #0d0718;
  --bg-1: #1a0d2e;
  --ink: #fff3e4;
  --ink-2: rgba(255, 243, 228, 0.7);
  --ink-3: rgba(255, 243, 228, 0.45);
  --card: rgba(32, 17, 56, 0.62);
  --sheet: rgba(27, 14, 47, 0.97);
  --coach: rgba(27, 14, 47, 0.95);
  --line: rgba(255, 214, 170, 0.12);
  --pill: rgba(255, 255, 255, 0.06);
  --btn: rgba(255, 255, 255, 0.07);
  --chip: rgba(255, 255, 255, 0.08);
  --row: rgba(255, 255, 255, 0.04);
  --row-me: rgba(255, 154, 60, 0.16);
  --track: rgba(255, 255, 255, 0.12);
  --tabs-bg: rgba(21, 11, 39, 0.8);
  --veil: rgba(6, 2, 14, 0.62);
  --page-dim: rgba(10, 5, 20, 0.55);
  --seg-bg: rgba(24, 12, 42, 0.78);
  --accent: #ff8a2b;
  --accent-2: #ffc14d;
  --accent-ink: #2a1205;
  --gold: #e8a91c;
  --gold-hi: #ffd76a;
  --gold-ink: #2a1a02;
  --gold-soft: rgba(255, 200, 80, 0.1);
  --good: #8fdc7a;
  --bad: #ff5a6e;
  --vip: #d9a8ff;
  --rush: #7fd6ff;
  --ad: #73d2ff;
  --ad-ink: #06202c;
  --coin: #ffc53d;
  --coin-hi: #fff1b0;
  --coin-edge: #c48a12;
  --gem: #7fe0ff;
  --gem-edge: #2a8fb8;
  --star: #ffc94d;
  --star-off: rgba(255, 255, 255, 0.18);
  --event-bg: rgba(255, 138, 43, 0.14);
  --event-edge: #ff8a2b;
  --sky-0: #0a0517;
  --sky-1: #22103d;
  --sky-2: #4b1c4f;
  --moon: #fff1cf;
  --moon-glow: rgba(255, 226, 160, 0.26);
  --moon-fade: rgba(255, 226, 160, 0);
  --sky-star: #fff6e0;
  --hill-far: #1c0e30;
  --hill-near: #0e0720;
  --fog: rgba(190, 160, 255, 0.09);
  --sky-fx: #ffd9a0;
  --sky-fx2: #ffad4d;
  --sky-window: #ffb347;
}

:root[data-look='harvest'] {
  --bg-0: #140b0a;
  --bg-1: #2a1610;
  --ink: #fff4e6;
  --card: rgba(52, 28, 18, 0.6);
  --sheet: rgba(44, 24, 16, 0.97);
  --coach: rgba(44, 24, 16, 0.95);
  --line: rgba(255, 210, 160, 0.14);
  --tabs-bg: rgba(38, 20, 13, 0.82);
  --veil: rgba(14, 6, 2, 0.6);
  --page-dim: rgba(20, 10, 6, 0.55);
  --seg-bg: rgba(40, 22, 14, 0.8);
  --accent: #f59a2c;
  --accent-2: #ffd36b;
  --event-bg: rgba(245, 154, 44, 0.14);
  --event-edge: #f59a2c;
  --sky-0: #170c12;
  --sky-1: #4a2018;
  --sky-2: #a9502b;
  --moon: #ffe2b0;
  --moon-glow: rgba(255, 200, 130, 0.3);
  --moon-fade: rgba(255, 200, 130, 0);
  --hill-far: #3a1a12;
  --hill-near: #1c0c08;
  --fog: rgba(255, 190, 140, 0.08);
  --sky-fx: #e0782f;
  --sky-fx2: #ffc06a;
  --sky-window: #ffc76a;
}

:root[data-look='frost'] {
  --bg-0: #060b1a;
  --bg-1: #0f1b36;
  --ink: #f2f7ff;
  --ink-2: rgba(242, 247, 255, 0.72);
  --ink-3: rgba(242, 247, 255, 0.45);
  --card: rgba(18, 32, 62, 0.6);
  --sheet: rgba(14, 26, 52, 0.97);
  --coach: rgba(14, 26, 52, 0.95);
  --line: rgba(190, 220, 255, 0.14);
  --tabs-bg: rgba(12, 22, 44, 0.82);
  --veil: rgba(2, 6, 14, 0.6);
  --page-dim: rgba(4, 10, 22, 0.55);
  --seg-bg: rgba(12, 22, 44, 0.8);
  --accent: #ffa24a;
  --accent-2: #ffd27a;
  --event-bg: rgba(140, 200, 255, 0.14);
  --event-edge: #8cc8ff;
  --sky-0: #040915;
  --sky-1: #102446;
  --sky-2: #2c4f7d;
  --moon: #eef6ff;
  --moon-glow: rgba(190, 220, 255, 0.28);
  --moon-fade: rgba(190, 220, 255, 0);
  --sky-star: #f4f9ff;
  --hill-far: #172a4c;
  --hill-near: #0a1630;
  --fog: rgba(210, 230, 255, 0.1);
  --sky-fx: #eef6ff;
  --sky-fx2: #bfe0ff;
  --sky-window: #ffd27a;
}

.sky-vars {
  --star: var(--sky-star);
}

:root {
  --rule-one: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg stroke='%23160a28' stroke-width='1'%3E%3Crect x='5' y='5' width='12' height='12' fill='%237b5ea7'/%3E%3Crect x='17' y='5' width='12' height='12' fill='%237b5ea7'/%3E%3Crect x='29' y='5' width='12' height='12' fill='%233e8f86'/%3E%3Crect x='5' y='17' width='12' height='12' fill='%23b8607d'/%3E%3Crect x='17' y='17' width='12' height='12' fill='%233e8f86'/%3E%3Crect x='29' y='17' width='12' height='12' fill='%233e8f86'/%3E%3Crect x='5' y='29' width='12' height='12' fill='%23b8607d'/%3E%3Crect x='17' y='29' width='12' height='12' fill='%23b8607d'/%3E%3Crect x='29' y='29' width='12' height='12' fill='%233e8f86'/%3E%3C/g%3E%3Cellipse cx='23' cy='24' rx='5' ry='4' fill='%23ff8a1f'/%3E%3Crect x='22.2' y='18.5' width='1.6' height='2.5' fill='%234f8a34'/%3E%3C/svg%3E");
  --rule-touch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='5' y='5' width='36' height='36' rx='4' fill='%233e8f86'/%3E%3Cellipse cx='16' cy='17' rx='6' ry='5' fill='%23ff8a1f'/%3E%3Cellipse cx='30' cy='30' rx='6' ry='5' fill='%23ff8a1f' opacity='.55'/%3E%3Cpath d='M26 26l8 8M34 26l-8 8' stroke='%23ff5a6e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  --rule-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='5' y='5' width='36' height='36' rx='4' fill='%237b5ea7'/%3E%3Cpath d='M11 11l6 6M17 11l-6 6M29 11l6 6M35 11l-6 6M11 29l6 6M17 29l-6 6' stroke='%23160a28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cellipse cx='32' cy='33' rx='6' ry='5' fill='%23ff8a1f'/%3E%3C/svg%3E");
  --rule-candle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='6' y='21' width='26' height='6' rx='3' fill='%23f2c879'/%3E%3Crect x='6' y='21' width='34' height='6' rx='3' fill='none' stroke='%23ffffff' stroke-opacity='.25'/%3E%3Cpath d='M34 13c3 3 4 5 4 7a4 4 0 0 1-8 0c0-2 1-4 4-7z' fill='%23ffb23a'/%3E%3C/svg%3E");
  --rule-combo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Ctext x='23' y='29' font-family='Arial' font-weight='900' font-size='17' text-anchor='middle' fill='%23ffc14d'%3Ex3%3C/text%3E%3Cpath d='M9 10l2 4 4 1-4 1-2 4-2-4-4-1 4-1zM37 30l1.5 3 3 1-3 1-1.5 3-1.5-3-3-1 3-1z' fill='%23fff1b0'/%3E%3C/svg%3E");
}

:root,
.skin-classic {
  --pk-body: #ff8a1f;
  --pk-dark: #d65e0e;
  --pk-rib: rgba(110, 36, 0, 0.4);
  --pk-stem: #4f8a34;
  --pk-stem-dark: #2f5a1f;
  --pk-shine: rgba(255, 255, 255, 0.35);
  --pk-extra: #ffffff;
  --pk-extra2: #ffffff;
  --pk-shadow: rgba(10, 4, 20, 0.35);
  --pk-glow: rgba(255, 190, 80, 0.75);
  --pk-glow-fade: rgba(255, 190, 80, 0);
  --pk-face: #ffd76a;
  --pk-face-core: #fffbe0;
  --pk-carve: #3a1300;
  --pk-alpha: 1;
  --pk-squash: 0;
}

.skin-ghost {
  --pk-body: #f6f1e8;
  --pk-dark: #cfc5da;
  --pk-rib: rgba(120, 100, 140, 0.32);
  --pk-stem: #8a9a7a;
  --pk-stem-dark: #5a6a4a;
  --pk-glow: rgba(210, 225, 255, 0.6);
  --pk-glow-fade: rgba(210, 225, 255, 0);
  --pk-face: #dfe9ff;
  --pk-face-core: #ffffff;
  --pk-carve: #4a3a5a;
}

.skin-heirloom {
  --pk-body: #a3bdb3;
  --pk-dark: #6d8f88;
  --pk-rib: rgba(40, 70, 70, 0.35);
  --pk-stem: #c8a96a;
  --pk-stem-dark: #8a6a3a;
  --pk-carve: #23332f;
}

.skin-warty {
  --pk-body: #d2a83a;
  --pk-dark: #7f8a2a;
  --pk-rib: rgba(60, 60, 10, 0.35);
  --pk-extra: #8fa83c;
  --pk-carve: #2f2a08;
}

.skin-cinder {
  --pk-body: #e8561c;
  --pk-dark: #a8340d;
  --pk-rib: rgba(90, 20, 0, 0.42);
  --pk-squash: 0.28;
}

.skin-candycorn {
  --pk-body: #ff9a2a;
  --pk-dark: #e27a18;
  --pk-extra: #fff3e0;
  --pk-extra2: #ffd23f;
  --pk-rib: rgba(140, 60, 0, 0.25);
}

.skin-midnight {
  --pk-body: #4c2b7d;
  --pk-dark: #2a1452;
  --pk-rib: rgba(0, 0, 0, 0.35);
  --pk-stem: #3a5a3a;
  --pk-extra: #b78cff;
  --pk-glow: rgba(180, 140, 255, 0.7);
  --pk-glow-fade: rgba(180, 140, 255, 0);
  --pk-face: #e0c8ff;
  --pk-face-core: #ffffff;
  --pk-carve: #12061f;
}

.skin-ember {
  --pk-body: #8e1d13;
  --pk-dark: #4a0a08;
  --pk-rib: rgba(0, 0, 0, 0.35);
  --pk-stem: #3a2a1a;
  --pk-extra: #ffb02a;
  --pk-glow: rgba(255, 120, 40, 0.8);
  --pk-glow-fade: rgba(255, 120, 40, 0);
  --pk-face: #ffb347;
  --pk-carve: #1a0402;
}

.skin-galaxy {
  --pk-body: #26336e;
  --pk-dark: #121a40;
  --pk-rib: rgba(0, 0, 0, 0.3);
  --pk-stem: #3a3a6a;
  --pk-stem-dark: #1a1a3a;
  --pk-extra: #ffffff;
  --pk-glow: rgba(140, 170, 255, 0.7);
  --pk-glow-fade: rgba(140, 170, 255, 0);
  --pk-face: #cfe0ff;
  --pk-face-core: #ffffff;
  --pk-carve: #080c22;
}

.skin-frosty {
  --pk-body: #c4e6f7;
  --pk-dark: #7fb3d6;
  --pk-rib: rgba(40, 80, 120, 0.3);
  --pk-stem: #7fa0b0;
  --pk-stem-dark: #4f7080;
  --pk-extra: #ffffff;
  --pk-glow: rgba(170, 220, 255, 0.7);
  --pk-glow-fade: rgba(170, 220, 255, 0);
  --pk-face: #e8f8ff;
  --pk-face-core: #ffffff;
  --pk-carve: #1f3a52;
}

.skin-hallow {
  --pk-body: #2c2333;
  --pk-dark: #120c18;
  --pk-rib: rgba(0, 0, 0, 0.4);
  --pk-stem: #2a3a22;
  --pk-extra: #ff8a1f;
  --pk-glow: rgba(255, 140, 40, 0.85);
  --pk-glow-fade: rgba(255, 140, 40, 0);
  --pk-face: #ffb347;
  --pk-face-core: #fff0b0;
  --pk-carve: #050208;
}

.skin-harvestmoon {
  --pk-body: #f2a432;
  --pk-dark: #c07018;
  --pk-extra: #fff4c8;
}

.skin-royal {
  --pk-body: #6c3ba3;
  --pk-dark: #3a1a6a;
  --pk-rib: rgba(0, 0, 0, 0.3);
  --pk-extra: #ffd24a;
  --pk-extra2: #ff4a7a;
  --pk-glow: rgba(255, 210, 90, 0.75);
  --pk-glow-fade: rgba(255, 210, 90, 0);
  --pk-carve: #1a0a30;
}

.skin-phantom {
  --pk-body: #dafff1;
  --pk-dark: #8fd8c0;
  --pk-rib: rgba(40, 120, 100, 0.25);
  --pk-stem: #8fc0b0;
  --pk-stem-dark: #5a8a7a;
  --pk-extra: #b8ffe8;
  --pk-glow: rgba(160, 255, 220, 0.7);
  --pk-glow-fade: rgba(160, 255, 220, 0);
  --pk-face: #e0fff4;
  --pk-face-core: #ffffff;
  --pk-carve: #1a4a3e;
  --pk-alpha: 0.85;
}

:root,
.field-moonlit {
  --fd-frame: rgba(14, 7, 26, 0.9);
  --fd-frame-edge: rgba(255, 255, 255, 0.12);
  --fd-wall: #160a28;
  --fd-line: rgba(20, 8, 36, 0.3);
  --fd-auto: rgba(20, 8, 36, 0.42);
  --fd-mark: rgba(16, 6, 30, 0.86);
  --fd-splat: #e2552f;
  --fd-hint: #ffffff;
  --fd-dusk: rgba(8, 3, 18, 0.55);
  --fd-lit: rgba(255, 210, 140, 0.06);
  --fd-gold: #ffd84a;
  --fd-pattern: rgba(16, 6, 30, 0.3);
  --fd-soil: rgba(0, 0, 0, 0.04);
  --fd-bg: transparent;
  --fd-p0: #7b5ea7;
  --fd-p1: #2f9a8c;
  --fd-p2: #c0607e;
  --fd-p3: #4a74c4;
  --fd-p4: #84a13f;
  --fd-p5: #cf9d3c;
  --fd-p6: #b0583a;
  --fd-p7: #66708f;
  --fd-p8: #b07fc4;
}

.field-harvest {
  --fd-frame: rgba(36, 18, 10, 0.92);
  --fd-wall: #2a1208;
  --fd-line: rgba(42, 18, 8, 0.28);
  --fd-auto: rgba(42, 18, 8, 0.42);
  --fd-mark: rgba(36, 14, 4, 0.86);
  --fd-dusk: rgba(20, 8, 2, 0.5);
  --fd-pattern: rgba(42, 18, 8, 0.3);
  --fd-p0: #c97a3d;
  --fd-p1: #8fa047;
  --fd-p2: #b4473a;
  --fd-p3: #d8b04c;
  --fd-p4: #5f8a6a;
  --fd-p5: #8c5a8a;
  --fd-p6: #cf9a6a;
  --fd-p7: #6a7aa0;
  --fd-p8: #a0605a;
}

.field-graveyard {
  --fd-frame: rgba(16, 20, 22, 0.92);
  --fd-wall: #10161a;
  --fd-line: rgba(10, 16, 20, 0.3);
  --fd-auto: rgba(10, 16, 20, 0.45);
  --fd-mark: rgba(8, 12, 16, 0.86);
  --fd-dusk: rgba(4, 8, 10, 0.55);
  --fd-pattern: rgba(8, 12, 16, 0.32);
  --fd-p0: #6f8a7f;
  --fd-p1: #4f6b5e;
  --fd-p2: #8d939b;
  --fd-p3: #5d6a82;
  --fd-p4: #7d8f62;
  --fd-p5: #93806c;
  --fd-p6: #5a646e;
  --fd-p7: #a3aca2;
  --fd-p8: #74607e;
}

.field-candy {
  --fd-frame: rgba(60, 30, 70, 0.9);
  --fd-wall: #5a2a6a;
  --fd-line: rgba(90, 42, 106, 0.2);
  --fd-auto: rgba(90, 42, 106, 0.4);
  --fd-mark: rgba(70, 26, 86, 0.85);
  --fd-dusk: rgba(40, 10, 50, 0.45);
  --fd-pattern: rgba(90, 42, 106, 0.25);
  --fd-p0: #f4a3c1;
  --fd-p1: #a6d6ef;
  --fd-p2: #c6b0f4;
  --fd-p3: #f5d184;
  --fd-p4: #a5e3c1;
  --fd-p5: #f3b087;
  --fd-p6: #b5bdf2;
  --fd-p7: #ee9d9d;
  --fd-p8: #d4e595;
}

.field-frost {
  --fd-frame: rgba(10, 22, 44, 0.92);
  --fd-wall: #0c1a36;
  --fd-line: rgba(12, 26, 54, 0.22);
  --fd-auto: rgba(12, 26, 54, 0.42);
  --fd-mark: rgba(10, 20, 44, 0.86);
  --fd-dusk: rgba(4, 10, 24, 0.5);
  --fd-pattern: rgba(12, 26, 54, 0.3);
  --fd-p0: #a9c7e8;
  --fd-p1: #5f86d0;
  --fd-p2: #d2c4ef;
  --fd-p3: #7fc6cf;
  --fd-p4: #9a8fd8;
  --fd-p5: #e3edf7;
  --fd-p6: #6a9aa6;
  --fd-p7: #b8cde0;
  --fd-p8: #8fb0e8;
}

.field-witch {
  --fd-frame: rgba(14, 22, 12, 0.92);
  --fd-wall: #121a0e;
  --fd-line: rgba(14, 22, 10, 0.3);
  --fd-auto: rgba(14, 22, 10, 0.42);
  --fd-mark: rgba(12, 18, 8, 0.86);
  --fd-dusk: rgba(6, 10, 4, 0.5);
  --fd-pattern: rgba(12, 18, 8, 0.3);
  --fd-p0: #5c8c3c;
  --fd-p1: #7a4c9c;
  --fd-p2: #3c7c6c;
  --fd-p3: #9c6cba;
  --fd-p4: #6ca24c;
  --fd-p5: #4c5c9c;
  --fd-p6: #8cb24c;
  --fd-p7: #6c3c7c;
  --fd-p8: #3c9c7c;
}

.field-haunted {
  --fd-frame: rgba(20, 6, 10, 0.92);
  --fd-wall: #180608;
  --fd-line: rgba(20, 4, 8, 0.32);
  --fd-auto: rgba(20, 4, 8, 0.45);
  --fd-mark: rgba(16, 2, 6, 0.86);
  --fd-dusk: rgba(10, 2, 4, 0.55);
  --fd-pattern: rgba(16, 2, 6, 0.32);
  --fd-p0: #8c2c3c;
  --fd-p1: #5a3a5c;
  --fd-p2: #a8503a;
  --fd-p3: #6a4a6c;
  --fd-p4: #7c1c2c;
  --fd-p5: #9c6c3c;
  --fd-p6: #4a3a4c;
  --fd-p7: #b05c4c;
  --fd-p8: #6c3c4c;
}

:root,
.candle-beeswax {
  --cd-wax: #f2c879;
  --cd-dark: #c99a48;
  --cd-drip: #f8dca0;
  --cd-track: rgba(255, 255, 255, 0.1);
  --cd-hot: #ff5a4a;
  --cd-flame: #ffb23a;
  --cd-core: #fff4c2;
  --cd-halo: rgba(255, 190, 80, 0.35);
  --cd-halo-fade: rgba(255, 190, 80, 0);
  --cd-wick: #2a1a0a;
  --cd-rainbow: none;
}

.candle-black {
  --cd-wax: #3c3243;
  --cd-dark: #1a141f;
  --cd-drip: #4c4254;
}

.candle-violet {
  --cd-wax: #9c6cd2;
  --cd-dark: #6a3aa0;
  --cd-drip: #b998e2;
}

.candle-bone {
  --cd-wax: #efe6d2;
  --cd-dark: #c8bba0;
  --cd-drip: #fff8ea;
}

.candle-rainbow {
  --cd-rainbow: #ff6a6a #ffb34a #ffe14a #7fe07a #6ab8ff #b88aff;
  --cd-drip: rgba(255, 255, 255, 0.5);
}

.candle-emberwick {
  --cd-wax: #c4442c;
  --cd-dark: #7a1a10;
  --cd-drip: #ff7a4a;
  --cd-flame: #ff7a2a;
}

.candle-icewick {
  --cd-wax: #bfe6ff;
  --cd-dark: #7fb8e0;
  --cd-drip: #e8f8ff;
  --cd-flame: #9fe0ff;
  --cd-core: #f0fcff;
  --cd-halo: rgba(150, 220, 255, 0.35);
  --cd-halo-fade: rgba(150, 220, 255, 0);
}

.candle-cauldron {
  --cd-wax: #3c6c2c;
  --cd-dark: #1a3a12;
  --cd-drip: #7ac04a;
  --cd-flame: #9aff5a;
  --cd-core: #efffd8;
  --cd-halo: rgba(150, 255, 100, 0.3);
  --cd-halo-fade: rgba(150, 255, 100, 0);
}