:root {
  --art-ink: #3b2a22;
  --art-outline: 0.045;
  --art-outline-mix: 0.38;
  --art-shine: rgba(255, 255, 255, 0.55);
  --art-shadow: rgba(40, 30, 20, 0.22);
  --art-wood: #a8754a;
  --art-wood-dark: #7a5233;
  --art-wood-light: #c99a6b;
  --art-stone: #a9a9a2;
  --art-stone-dark: #7d7e78;
  --art-stone-light: #cfcfc8;
  --art-metal: #8d97a3;
  --art-metal-light: #d7dee6;
  --art-leaf: #6cbf5a;
  --art-leaf-dark: #3f8f3e;
  --art-leaf-light: #a6e07f;
  --art-water: #6fc3e8;
  --art-water-dark: #3d93c4;
  --art-flame: #ffb43b;
  --art-flame-hot: #ff6a2b;
  --art-glow: #fff3b0;
  --art-snow: #f4fbff;
  --art-white: #fffaf2;
  --art-black: #2a2430;
  --art-skin: #ffd9b8;
  --art-eye: #2b2230;
  --art-blush: rgba(255, 120, 130, 0.45);
}

.pal-white { --a1: #fbf7ee; --a2: #ddd3c4; --a3: #ffffff; --a4: #f6c453; }
.pal-cream { --a1: #f3e3c3; --a2: #d6bf95; --a3: #fff5dd; --a4: #e98c6b; }
.pal-red { --a1: #ef5b5b; --a2: #c23b45; --a3: #ff9b8f; --a4: #ffd166; }
.pal-coral { --a1: #ff8a73; --a2: #d9604f; --a3: #ffc1ad; --a4: #fff0c9; }
.pal-orange { --a1: #ff9f43; --a2: #d9772a; --a3: #ffc98a; --a4: #5b3a29; }
.pal-gold { --a1: #f7c548; --a2: #c9952a; --a3: #ffe89a; --a4: #fff7d6; }
.pal-lemon { --a1: #ffe066; --a2: #e0b83d; --a3: #fff3ad; --a4: #7fbf5a; }
.pal-lime { --a1: #a6d94a; --a2: #7aad2f; --a3: #d4f28c; --a4: #ffe066; }
.pal-green { --a1: #5fbf6a; --a2: #3d9150; --a3: #9be39a; --a4: #ffe08a; }
.pal-forest { --a1: #3f8f5a; --a2: #2a6642; --a3: #77bf84; --a4: #c9e88a; }
.pal-mint { --a1: #7fe0c0; --a2: #4fb393; --a3: #c2f5e3; --a4: #ffffff; }
.pal-teal { --a1: #3fb8b0; --a2: #2a8a86; --a3: #8ee3da; --a4: #fff3c4; }
.pal-sky { --a1: #7cc7f2; --a2: #4f9ccc; --a3: #c4e9ff; --a4: #ffffff; }
.pal-blue { --a1: #4f8fe8; --a2: #3466b8; --a3: #9cc2ff; --a4: #ffd166; }
.pal-navy { --a1: #34507e; --a2: #233759; --a3: #6c8cc2; --a4: #f6d06b; }
.pal-sapphire { --a1: #3f6ee8; --a2: #2747a8; --a3: #9db7ff; --a4: #e8f0ff; }
.pal-ocean { --a1: #2f9ed1; --a2: #1f6f9c; --a3: #8fd8f5; --a4: #e9fbff; }
.pal-ice { --a1: #c9ecff; --a2: #8ec2e0; --a3: #f1fbff; --a4: #7fd3ff; }
.pal-purple { --a1: #9a6ad9; --a2: #6f45a8; --a3: #cdb2f5; --a4: #ffd166; }
.pal-lilac { --a1: #c7a6f0; --a2: #9a78c6; --a3: #eadcff; --a4: #ffffff; }
.pal-amethyst { --a1: #a874e8; --a2: #7445b8; --a3: #dcc4ff; --a4: #fbe9ff; }
.pal-pink { --a1: #ff9ec4; --a2: #d9709a; --a3: #ffd1e3; --a4: #ffffff; }
.pal-ruby { --a1: #d63a5e; --a2: #9c2240; --a3: #ff8aa6; --a4: #ffd166; }
.pal-brown { --a1: #9c6b45; --a2: #6f4a2f; --a3: #c99b70; --a4: #f3d9a7; }
.pal-wood { --a1: #b98053; --a2: #85593a; --a3: #dcae7f; --a4: #6b4530; }
.pal-clay { --a1: #d9774b; --a2: #a95434; --a3: #f2a77d; --a4: #f6e1c4; }
.pal-sand { --a1: #e8cf97; --a2: #c4a76a; --a3: #f7e8c2; --a4: #e98c6b; }
.pal-stone { --a1: #b4b2aa; --a2: #85847d; --a3: #dcdad2; --a4: #8fbf7a; }
.pal-silver { --a1: #c3cbd4; --a2: #8e98a5; --a3: #eef3f8; --a4: #ffffff; }
.pal-copper { --a1: #d28a54; --a2: #a3602f; --a3: #f2bb8c; --a4: #6fc3a8; }
.pal-bronze { --a1: #c47f45; --a2: #8f5428; --a3: #e8b07a; --a4: #fbe0bd; }
.pal-emerald { --a1: #2fbf7a; --a2: #1c8a57; --a3: #8ef0bd; --a4: #e4fff1; }
.pal-black { --a1: #3d3a45; --a2: #24222b; --a3: #6c6878; --a4: #f6c453; }
.pal-amber { --a1: #f0a23a; --a2: #c2741c; --a3: #ffd388; --a4: #fff3c4; }
.pal-ember { --a1: #ff7a3d; --a2: #c94a24; --a3: #ffc06b; --a4: #ffe9a3; }
.pal-autumn { --a1: #e8833a; --a2: #b5582a; --a3: #f7c15c; --a4: #c9443a; }
.pal-sunset { --a1: #ff8a5c; --a2: #d65a7a; --a3: #ffd27a; --a4: #8a5ad9; }
.pal-night { --a1: #4b4a8f; --a2: #2e2d63; --a3: #8b89d9; --a4: #ffe58a; }
.pal-galaxy { --a1: #5b46b8; --a2: #2f2675; --a3: #b49cff; --a4: #7fe7ff; }
.pal-rainbow { --a1: #ff6b6b; --a2: #4f8fe8; --a3: #ffe066; --a4: #5fbf6a; }

.sp-oak { --trunk: #9a6a44; --trunk-dark: #6e4a2f; --leaf-a: #6cc05a; --leaf-b: #45a04a; --leaf-c: #a8e07c; --accent: #ffd166; }