/* Public frontend color choices. Coral Blue keeps its accepted component fallbacks.
   Original, neutral, and vivid choices share the same semantic color tokens.
   Light/dark remains a separate preference. Status colors, imagery, layout,
   and behavior are unchanged. */

/* Royal Blue */
html[data-color-theme="royal-blue"] {
    --palette-page-dark: #101827;
    --palette-page-dark-rgb: 16, 24, 39;
    --palette-header-dark: #161f2e;
    --palette-header-dark-rgb: 22, 31, 46;
    --palette-surface-dark: #1b2738;
    --palette-raised-dark: #28374c;
    --palette-raised-dark-rgb: 40, 55, 76;
    --palette-input-dark: #111c2b;
    --palette-input-dark-rgb: 17, 28, 43;
    --palette-text-dark: #f7f9fc;
    --palette-muted-dark: #bac4d0;
    --palette-label-dark: #e0e6ee;
    --palette-page-light: #f7f8fa;
    --palette-raised-light: #edf0f4;
    --palette-raised-light-rgb: 237, 240, 244;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #f2f4f7;
    --palette-text-light: #17212f;
    --palette-text-light-rgb: 23, 33, 47;
    --palette-muted-light: #485668;
    --palette-accent-dark: #79b1ff;
    --palette-accent-dark-rgb: 121, 177, 255;
    --palette-accent-light: #164ba8;
    --palette-action-start: #2260d2;
    --palette-action-end: #1748a4;
    --palette-action-end-rgb: 23, 72, 164;
    --palette-action-ink: #ffffff;
    --palette-action-border: #629eff;
    --palette-focus-dark: #83b8ff;
    --palette-focus-dark-rgb: 131, 184, 255;
    --palette-focus-light: #164ba8;
    --palette-focus-light-rgb: 22, 75, 168;
    --palette-control-dark: #8290a1;
    --palette-control-light: #778395;
    --palette-scroll-dark: #8290a1;
    --palette-scroll-light: #778395;
    --palette-close-hover: #28374c;
    --palette-close-active: #214985;
    --palette-hero-start: #213f70;
    --palette-hero-end: #18273e;
    --palette-line-dark: #6595d4;
    --palette-line-dark-rgb: 101, 149, 212;
    --palette-line-light: #3064a8;
    --palette-line-light-rgb: 48, 100, 168;
    --palette-glow-dark: #24374f;
    --palette-glow-dark-rgb: 36, 55, 79;
    --palette-secondary-glow-dark: #1c2c40;
    --palette-secondary-glow-dark-rgb: 28, 44, 64;
    --palette-shadow: #10151d;
    --palette-shadow-rgb: 16, 21, 29;
    --palette-overlay: #101827;
    --palette-overlay-rgb: 16, 24, 39;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2383b8ff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23164ba8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Black Gold */
html[data-color-theme="black-gold"] {
    --palette-page-dark: #141414;
    --palette-page-dark-rgb: 20, 20, 20;
    --palette-header-dark: #1b1b1b;
    --palette-header-dark-rgb: 27, 27, 27;
    --palette-surface-dark: #242424;
    --palette-raised-dark: #333333;
    --palette-raised-dark-rgb: 51, 51, 51;
    --palette-input-dark: #191919;
    --palette-input-dark-rgb: 25, 25, 25;
    --palette-text-dark: #fafafa;
    --palette-muted-dark: #c6c6c6;
    --palette-label-dark: #e8e8e8;
    --palette-page-light: #faf9f6;
    --palette-raised-light: #f0eee7;
    --palette-raised-light-rgb: 240, 238, 231;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #f5f4ef;
    --palette-text-light: #24231f;
    --palette-text-light-rgb: 36, 35, 31;
    --palette-muted-light: #5d5a50;
    --palette-accent-dark: #ffd13b;
    --palette-accent-dark-rgb: 255, 209, 59;
    --palette-accent-light: #735200;
    --palette-action-start: #ffcc21;
    --palette-action-end: #f3b600;
    --palette-action-end-rgb: 243, 182, 0;
    --palette-action-ink: #181818;
    --palette-action-border: #ffda52;
    --palette-focus-dark: #ffd13b;
    --palette-focus-dark-rgb: 255, 209, 59;
    --palette-focus-light: #735200;
    --palette-focus-light-rgb: 115, 82, 0;
    --palette-control-dark: #929085;
    --palette-control-light: #858176;
    --palette-scroll-dark: #929085;
    --palette-scroll-light: #858176;
    --palette-close-hover: #333333;
    --palette-close-active: #554721;
    --palette-hero-start: #39342a;
    --palette-hero-end: #242322;
    --palette-line-dark: #b7a260;
    --palette-line-dark-rgb: 183, 162, 96;
    --palette-line-light: #8c7946;
    --palette-line-light-rgb: 140, 121, 70;
    --palette-glow-dark: #302e27;
    --palette-glow-dark-rgb: 48, 46, 39;
    --palette-secondary-glow-dark: #262626;
    --palette-secondary-glow-dark-rgb: 38, 38, 38;
    --palette-shadow: #151515;
    --palette-shadow-rgb: 21, 21, 21;
    --palette-overlay: #141414;
    --palette-overlay-rgb: 20, 20, 20;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffd13b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23735200' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Energy Orange */
html[data-color-theme="energy-orange"] {
    --palette-page-dark: #181b20;
    --palette-page-dark-rgb: 24, 27, 32;
    --palette-header-dark: #20242a;
    --palette-header-dark-rgb: 32, 36, 42;
    --palette-surface-dark: #282e36;
    --palette-raised-dark: #353e48;
    --palette-raised-dark-rgb: 53, 62, 72;
    --palette-input-dark: #1b2027;
    --palette-input-dark-rgb: 27, 32, 39;
    --palette-text-dark: #f7f9fc;
    --palette-muted-dark: #bac4d0;
    --palette-label-dark: #e0e6ee;
    --palette-page-light: #fafafa;
    --palette-raised-light: #f0f1f3;
    --palette-raised-light-rgb: 240, 241, 243;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #f3f4f6;
    --palette-text-light: #17212f;
    --palette-text-light-rgb: 23, 33, 47;
    --palette-muted-light: #485668;
    --palette-accent-dark: #ff9b36;
    --palette-accent-dark-rgb: 255, 155, 54;
    --palette-accent-light: #943e00;
    --palette-action-start: #ff8b14;
    --palette-action-end: #ff6a00;
    --palette-action-end-rgb: 255, 106, 0;
    --palette-action-ink: #181b20;
    --palette-action-border: #ffa038;
    --palette-focus-dark: #ffae52;
    --palette-focus-dark-rgb: 255, 174, 82;
    --palette-focus-light: #943e00;
    --palette-focus-light-rgb: 148, 62, 0;
    --palette-control-dark: #8290a1;
    --palette-control-light: #778395;
    --palette-scroll-dark: #8290a1;
    --palette-scroll-light: #778395;
    --palette-close-hover: #353e48;
    --palette-close-active: #68421f;
    --palette-hero-start: #41403b;
    --palette-hero-end: #282c32;
    --palette-line-dark: #b68755;
    --palette-line-dark-rgb: 182, 135, 85;
    --palette-line-light: #99734f;
    --palette-line-light-rgb: 153, 115, 79;
    --palette-glow-dark: #303338;
    --palette-glow-dark-rgb: 48, 51, 56;
    --palette-secondary-glow-dark: #262d35;
    --palette-secondary-glow-dark-rgb: 38, 45, 53;
    --palette-shadow: #10151d;
    --palette-shadow-rgb: 16, 21, 29;
    --palette-overlay: #181b20;
    --palette-overlay-rgb: 24, 27, 32;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffae52' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23943e00' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Sport Red */
html[data-color-theme="sport-red"] {
    --palette-page-dark: #181b20;
    --palette-page-dark-rgb: 24, 27, 32;
    --palette-header-dark: #20242a;
    --palette-header-dark-rgb: 32, 36, 42;
    --palette-surface-dark: #282e36;
    --palette-raised-dark: #353e48;
    --palette-raised-dark-rgb: 53, 62, 72;
    --palette-input-dark: #1b2027;
    --palette-input-dark-rgb: 27, 32, 39;
    --palette-text-dark: #f7f9fc;
    --palette-muted-dark: #bac4d0;
    --palette-label-dark: #e0e6ee;
    --palette-page-light: #fafafa;
    --palette-raised-light: #f0f1f3;
    --palette-raised-light-rgb: 240, 241, 243;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #f3f4f6;
    --palette-text-light: #17212f;
    --palette-text-light-rgb: 23, 33, 47;
    --palette-muted-light: #485668;
    --palette-accent-dark: #ffca28;
    --palette-accent-dark-rgb: 255, 202, 40;
    --palette-accent-light: #a9141b;
    --palette-action-start: #ce2026;
    --palette-action-end: #a9141b;
    --palette-action-end-rgb: 169, 20, 27;
    --palette-action-ink: #ffffff;
    --palette-action-border: #ef5056;
    --palette-focus-dark: #ffca28;
    --palette-focus-dark-rgb: 255, 202, 40;
    --palette-focus-light: #a9141b;
    --palette-focus-light-rgb: 169, 20, 27;
    --palette-control-dark: #8290a1;
    --palette-control-light: #778395;
    --palette-scroll-dark: #8290a1;
    --palette-scroll-light: #778395;
    --palette-close-hover: #353e48;
    --palette-close-active: #63292d;
    --palette-hero-start: #363b43;
    --palette-hero-end: #252a31;
    --palette-line-dark: #a7aeb7;
    --palette-line-dark-rgb: 167, 174, 183;
    --palette-line-light: #697889;
    --palette-line-light-rgb: 105, 120, 137;
    --palette-glow-dark: #303338;
    --palette-glow-dark-rgb: 48, 51, 56;
    --palette-secondary-glow-dark: #262d35;
    --palette-secondary-glow-dark-rgb: 38, 45, 53;
    --palette-shadow: #10151d;
    --palette-shadow-rgb: 16, 21, 29;
    --palette-overlay: #181b20;
    --palette-overlay-rgb: 24, 27, 32;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffca28' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23a9141b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Classic fallbacks from assets-v6-BK. theme-classic.css restores every
   original component paint value, including its gradients and subtle variants. */
html[data-color-theme="classic"] {
    --palette-page-dark: #0c1018;
    --palette-page-dark-rgb: 12, 16, 24;
    --palette-header-dark: #101620;
    --palette-header-dark-rgb: 16, 22, 32;
    --palette-surface-dark: #141b27;
    --palette-raised-dark: #1b2432;
    --palette-raised-dark-rgb: 27, 36, 50;
    --palette-input-dark: #0f1723;
    --palette-input-dark-rgb: 15, 23, 35;
    --palette-text-dark: #f4f1e9;
    --palette-muted-dark: #a6afbe;
    --palette-label-dark: #d7dfeb;
    --palette-page-light: #f5f3ee;
    --palette-raised-light: #ede9e0;
    --palette-raised-light-rgb: 237, 233, 224;
    --palette-glow-light: #fffdf7;
    --palette-secondary-glow-light: #f3f1eb;
    --palette-text-light: #202b3b;
    --palette-text-light-rgb: 32, 43, 59;
    --palette-muted-light: #596576;
    --palette-accent-dark: #d6b875;
    --palette-accent-dark-rgb: 214, 184, 117;
    --palette-accent-light: #806126;
    --palette-action-start: #f1dca9;
    --palette-action-end: #cba45e;
    --palette-action-end-rgb: 203, 164, 94;
    --palette-action-ink: #121a26;
    --palette-action-border: #e5c88a;
    --palette-focus-dark: #ebd39a;
    --palette-focus-dark-rgb: 235, 211, 154;
    --palette-focus-light: #a98746;
    --palette-focus-light-rgb: 169, 135, 70;
    --palette-control-dark: #506077;
    --palette-control-light: #c9c3b7;
    --palette-scroll-dark: #826f4b;
    --palette-scroll-light: #a88d58;
    --palette-close-hover: #253043;
    --palette-close-active: #34425a;
    --palette-hero-start: #223147;
    --palette-hero-end: #151f2d;
    --palette-line-dark: #d6b875;
    --palette-line-dark-rgb: 214, 184, 117;
    --palette-line-light: #b29355;
    --palette-line-light-rgb: 178, 147, 85;
    --palette-glow-dark: #20283a;
    --palette-glow-dark-rgb: 32, 40, 58;
    --palette-secondary-glow-dark: #101620;
    --palette-secondary-glow-dark-rgb: 16, 22, 32;
    --palette-shadow: #594a2c;
    --palette-shadow-rgb: 89, 74, 44;
    --palette-overlay: #050911;
    --palette-overlay-rgb: 5, 9, 17;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23f3d99e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23745920' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Vivid choices: saturated surfaces and bright, contrasting accents. */

/* Electric Cyan */
html[data-color-theme="electric-cyan"] {
    --palette-page-dark: #061b2c;
    --palette-page-dark-rgb: 6, 27, 44;
    --palette-header-dark: #09283e;
    --palette-header-dark-rgb: 9, 40, 62;
    --palette-surface-dark: #0d344b;
    --palette-raised-dark: #15475e;
    --palette-raised-dark-rgb: 21, 71, 94;
    --palette-input-dark: #08263b;
    --palette-input-dark-rgb: 8, 38, 59;
    --palette-text-dark: #f2fcff;
    --palette-muted-dark: #bad7e3;
    --palette-label-dark: #dfedf4;
    --palette-page-light: #f4faff;
    --palette-raised-light: #e7f1f6;
    --palette-raised-light-rgb: 231, 241, 246;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #edf7ff;
    --palette-text-light: #123041;
    --palette-text-light-rgb: 18, 48, 65;
    --palette-muted-light: #3f6070;
    --palette-accent-dark: #29e0ff;
    --palette-accent-dark-rgb: 41, 224, 255;
    --palette-accent-light: #006279;
    --palette-action-start: #00d6f5;
    --palette-action-end: #00b5df;
    --palette-action-end-rgb: 0, 181, 223;
    --palette-action-ink: #062436;
    --palette-action-border: #4de9ff;
    --palette-focus-dark: #ffb330;
    --palette-focus-dark-rgb: 255, 179, 48;
    --palette-focus-light: #995600;
    --palette-focus-light-rgb: 153, 86, 0;
    --palette-control-dark: #669aae;
    --palette-control-light: #648796;
    --palette-scroll-dark: #669aae;
    --palette-scroll-light: #648796;
    --palette-close-hover: #15475e;
    --palette-close-active: #075884;
    --palette-hero-start: #075884;
    --palette-hero-end: #0a2d48;
    --palette-line-dark: #27a8d3;
    --palette-line-dark-rgb: 39, 168, 211;
    --palette-line-light: #16748a;
    --palette-line-light-rgb: 22, 116, 138;
    --palette-glow-dark: #0864a5;
    --palette-glow-dark-rgb: 8, 100, 165;
    --palette-secondary-glow-dark: #008b95;
    --palette-secondary-glow-dark-rgb: 0, 139, 149;
    --palette-shadow: #081d30;
    --palette-shadow-rgb: 8, 29, 48;
    --palette-overlay: #041522;
    --palette-overlay-rgb: 4, 21, 34;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffb330' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23995600' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Neon Lime */
html[data-color-theme="neon-lime"] {
    --palette-page-dark: #0c221b;
    --palette-page-dark-rgb: 12, 34, 27;
    --palette-header-dark: #103329;
    --palette-header-dark-rgb: 16, 51, 41;
    --palette-surface-dark: #174337;
    --palette-raised-dark: #235543;
    --palette-raised-dark-rgb: 35, 85, 67;
    --palette-input-dark: #0b2b22;
    --palette-input-dark-rgb: 11, 43, 34;
    --palette-text-dark: #f5fff3;
    --palette-muted-dark: #c1dbcb;
    --palette-label-dark: #e2f1e5;
    --palette-page-light: #f7fbf6;
    --palette-raised-light: #eaf2e8;
    --palette-raised-light-rgb: 234, 242, 232;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #edf5f8;
    --palette-text-light: #20342a;
    --palette-text-light-rgb: 32, 52, 42;
    --palette-muted-light: #4a6352;
    --palette-accent-dark: #b5f500;
    --palette-accent-dark-rgb: 181, 245, 0;
    --palette-accent-light: #486600;
    --palette-action-start: #c3fa16;
    --palette-action-end: #8ed500;
    --palette-action-end-rgb: 142, 213, 0;
    --palette-action-ink: #172609;
    --palette-action-border: #d4ff45;
    --palette-focus-dark: #57c6ff;
    --palette-focus-dark-rgb: 87, 198, 255;
    --palette-focus-light: #126497;
    --palette-focus-light-rgb: 18, 100, 151;
    --palette-control-dark: #7ea992;
    --palette-control-light: #738a76;
    --palette-scroll-dark: #7ea992;
    --palette-scroll-light: #738a76;
    --palette-close-hover: #235543;
    --palette-close-active: #29613c;
    --palette-hero-start: #29613c;
    --palette-hero-end: #12392e;
    --palette-line-dark: #7fae44;
    --palette-line-dark-rgb: 127, 174, 68;
    --palette-line-light: #527a42;
    --palette-line-light-rgb: 82, 122, 66;
    --palette-glow-dark: #28784b;
    --palette-glow-dark-rgb: 40, 120, 75;
    --palette-secondary-glow-dark: #0b70a4;
    --palette-secondary-glow-dark-rgb: 11, 112, 164;
    --palette-shadow: #10291d;
    --palette-shadow-rgb: 16, 41, 29;
    --palette-overlay: #081a14;
    --palette-overlay-rgb: 8, 26, 20;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2357c6ff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23126497' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Volt Purple */
html[data-color-theme="volt-purple"] {
    --palette-page-dark: #170d37;
    --palette-page-dark-rgb: 23, 13, 55;
    --palette-header-dark: #221249;
    --palette-header-dark-rgb: 34, 18, 73;
    --palette-surface-dark: #2d1c58;
    --palette-raised-dark: #41296d;
    --palette-raised-dark-rgb: 65, 41, 109;
    --palette-input-dark: #1c1040;
    --palette-input-dark-rgb: 28, 16, 64;
    --palette-text-dark: #faf8ff;
    --palette-muted-dark: #d6c9ed;
    --palette-label-dark: #eee6ff;
    --palette-page-light: #f8f9fc;
    --palette-raised-light: #eceff6;
    --palette-raised-light-rgb: 236, 239, 246;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #f0f3f8;
    --palette-text-light: #2c2542;
    --palette-text-light-rgb: 44, 37, 66;
    --palette-muted-light: #625772;
    --palette-accent-dark: #ffe442;
    --palette-accent-dark-rgb: 255, 228, 66;
    --palette-accent-light: #5333a3;
    --palette-action-start: #703be7;
    --palette-action-end: #4921b3;
    --palette-action-end-rgb: 73, 33, 179;
    --palette-action-ink: #ffffff;
    --palette-action-border: #9970ff;
    --palette-focus-dark: #ffe442;
    --palette-focus-dark-rgb: 255, 228, 66;
    --palette-focus-light: #765900;
    --palette-focus-light-rgb: 118, 89, 0;
    --palette-control-dark: #9d85bd;
    --palette-control-light: #867b98;
    --palette-scroll-dark: #9d85bd;
    --palette-scroll-light: #867b98;
    --palette-close-hover: #41296d;
    --palette-close-active: #462496;
    --palette-hero-start: #462496;
    --palette-hero-end: #231747;
    --palette-line-dark: #9468e8;
    --palette-line-dark-rgb: 148, 104, 232;
    --palette-line-light: #7256a8;
    --palette-line-light-rgb: 114, 86, 168;
    --palette-glow-dark: #5120b3;
    --palette-glow-dark-rgb: 81, 32, 179;
    --palette-secondary-glow-dark: #1a4d91;
    --palette-secondary-glow-dark-rgb: 26, 77, 145;
    --palette-shadow: #1e1235;
    --palette-shadow-rgb: 30, 18, 53;
    --palette-overlay: #100827;
    --palette-overlay-rgb: 16, 8, 39;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffe442' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23765900' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Cobalt Orange */
html[data-color-theme="cobalt-orange"] {
    --palette-page-dark: #071845;
    --palette-page-dark-rgb: 7, 24, 69;
    --palette-header-dark: #0c2258;
    --palette-header-dark-rgb: 12, 34, 88;
    --palette-surface-dark: #15336f;
    --palette-raised-dark: #214583;
    --palette-raised-dark-rgb: 33, 69, 131;
    --palette-input-dark: #0b2355;
    --palette-input-dark-rgb: 11, 35, 85;
    --palette-text-dark: #f5f9ff;
    --palette-muted-dark: #c3d4f4;
    --palette-label-dark: #e2ecff;
    --palette-page-light: #f5f9ff;
    --palette-raised-light: #e7eef9;
    --palette-raised-light-rgb: 231, 238, 249;
    --palette-glow-light: #ffffff;
    --palette-secondary-glow-light: #eef6ff;
    --palette-text-light: #152b50;
    --palette-text-light-rgb: 21, 43, 80;
    --palette-muted-light: #4a5e7b;
    --palette-accent-dark: #ffab2d;
    --palette-accent-dark-rgb: 255, 171, 45;
    --palette-accent-light: #a14700;
    --palette-action-start: #ffab14;
    --palette-action-end: #ff7915;
    --palette-action-end-rgb: 255, 121, 21;
    --palette-action-ink: #15203b;
    --palette-action-border: #ffbd45;
    --palette-focus-dark: #38e8e0;
    --palette-focus-dark-rgb: 56, 232, 224;
    --palette-focus-light: #006963;
    --palette-focus-light-rgb: 0, 105, 99;
    --palette-control-dark: #7c9cce;
    --palette-control-light: #7388a5;
    --palette-scroll-dark: #7c9cce;
    --palette-scroll-light: #7388a5;
    --palette-close-hover: #214583;
    --palette-close-active: #194fbc;
    --palette-hero-start: #194fbc;
    --palette-hero-end: #0a2c72;
    --palette-line-dark: #4387e7;
    --palette-line-dark-rgb: 67, 135, 231;
    --palette-line-light: #3266ad;
    --palette-line-light-rgb: 50, 102, 173;
    --palette-glow-dark: #1359bf;
    --palette-glow-dark-rgb: 19, 89, 191;
    --palette-secondary-glow-dark: #075d82;
    --palette-secondary-glow-dark-rgb: 7, 93, 130;
    --palette-shadow: #101e3c;
    --palette-shadow-rgb: 16, 30, 60;
    --palette-overlay: #051336;
    --palette-overlay-rgb: 5, 19, 54;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2338e8e0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23006963' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Crimson Gold */
html[data-color-theme="crimson-gold"] {
    --palette-page-dark: #2a0b12;
    --palette-page-dark-rgb: 42, 11, 18;
    --palette-header-dark: #3a1018;
    --palette-header-dark-rgb: 58, 16, 24;
    --palette-surface-dark: #4c1822;
    --palette-raised-dark: #612b32;
    --palette-raised-dark-rgb: 97, 43, 50;
    --palette-input-dark: #310e16;
    --palette-input-dark-rgb: 49, 14, 22;
    --palette-text-dark: #fffaf3;
    --palette-muted-dark: #e4c9c6;
    --palette-label-dark: #f5e2d9;
    --palette-page-light: #fffaf2;
    --palette-raised-light: #f4eddf;
    --palette-raised-light-rgb: 244, 237, 223;
    --palette-glow-light: #fffdf7;
    --palette-secondary-glow-light: #f4f3ed;
    --palette-text-light: #38241b;
    --palette-text-light-rgb: 56, 36, 27;
    --palette-muted-light: #715749;
    --palette-accent-dark: #ffce28;
    --palette-accent-dark-rgb: 255, 206, 40;
    --palette-accent-light: #875400;
    --palette-action-start: #ffd52a;
    --palette-action-end: #ffaf0f;
    --palette-action-end-rgb: 255, 175, 15;
    --palette-action-ink: #321b0b;
    --palette-action-border: #ffe05b;
    --palette-focus-dark: #ffad34;
    --palette-focus-dark-rgb: 255, 173, 52;
    --palette-focus-light: #a04400;
    --palette-focus-light-rgb: 160, 68, 0;
    --palette-control-dark: #b28989;
    --palette-control-light: #977e70;
    --palette-scroll-dark: #b28989;
    --palette-scroll-light: #977e70;
    --palette-close-hover: #612b32;
    --palette-close-active: #72251b;
    --palette-hero-start: #72251b;
    --palette-hero-end: #3c1218;
    --palette-line-dark: #c88a35;
    --palette-line-dark-rgb: 200, 138, 53;
    --palette-line-light: #9c6d26;
    --palette-line-light-rgb: 156, 109, 38;
    --palette-glow-dark: #7a2515;
    --palette-glow-dark-rgb: 122, 37, 21;
    --palette-secondary-glow-dark: #6d4a0b;
    --palette-secondary-glow-dark-rgb: 109, 74, 11;
    --palette-shadow: #341c18;
    --palette-shadow-rgb: 52, 28, 24;
    --palette-overlay: #21080d;
    --palette-overlay-rgb: 33, 8, 13;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffad34' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23a04400' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Gradient choices: image tokens are separate from solid semantic colors. */

/* Titanium Blue */
html[data-color-theme="titanium-blue"] {
    --palette-page-dark: #081a30;
    --palette-page-dark-rgb: 8, 26, 48;
    --palette-header-dark: #0c2440;
    --palette-header-dark-rgb: 12, 36, 64;
    --palette-surface-dark: #12314e;
    --palette-raised-dark: #204563;
    --palette-raised-dark-rgb: 32, 69, 99;
    --palette-input-dark: #0b2138;
    --palette-input-dark-rgb: 11, 33, 56;
    --palette-text-dark: #f2f9ff;
    --palette-muted-dark: #bed3e6;
    --palette-label-dark: #dbeaf6;
    --palette-page-light: #f2f7fc;
    --palette-raised-light: #dde9f5;
    --palette-raised-light-rgb: 221, 233, 245;
    --palette-glow-light: #d8eaff;
    --palette-secondary-glow-light: #d9f6ff;
    --palette-text-light: #132f48;
    --palette-text-light-rgb: 19, 47, 72;
    --palette-muted-light: #425f78;
    --palette-accent-dark: #20c9f3;
    --palette-accent-dark-rgb: 32, 201, 243;
    --palette-accent-light: #075a9c;
    --palette-action-start: #1248bd;
    --palette-action-end: #00658a;
    --palette-action-end-rgb: 0, 101, 138;
    --palette-action-ink: #ffffff;
    --palette-action-border: #28bcf0;
    --palette-focus-dark: #00d4f5;
    --palette-focus-dark-rgb: 0, 212, 245;
    --palette-focus-light: #00677a;
    --palette-focus-light-rgb: 0, 103, 122;
    --palette-control-dark: #5a9fc4;
    --palette-control-light: #3c7395;
    --palette-scroll-dark: #5a9fc4;
    --palette-scroll-light: #3c7395;
    --palette-close-hover: #204563;
    --palette-close-active: #124784;
    --palette-hero-start: #124784;
    --palette-hero-end: #064154;
    --palette-line-dark: #5a9fc4;
    --palette-line-dark-rgb: 90, 159, 196;
    --palette-line-light: #3c7395;
    --palette-line-light-rgb: 60, 115, 149;
    --palette-glow-dark: #115ab7;
    --palette-glow-dark-rgb: 17, 90, 183;
    --palette-secondary-glow-dark: #007c96;
    --palette-secondary-glow-dark-rgb: 0, 124, 150;
    --palette-shadow: #081a30;
    --palette-shadow-rgb: 8, 26, 48;
    --palette-overlay: #081a30;
    --palette-overlay-rgb: 8, 26, 48;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2300d4f5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2300677a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-page-gradient-dark: linear-gradient(135deg, #092d68, #081d3f, #053a4a);
    --palette-page-gradient-light: linear-gradient(135deg, #d8eaff, #e7f0ff, #d9f6ff);
}

/* Emerald Steel */
html[data-color-theme="emerald-steel"] {
    --palette-page-dark: #09241f;
    --palette-page-dark-rgb: 9, 36, 31;
    --palette-header-dark: #10332c;
    --palette-header-dark-rgb: 16, 51, 44;
    --palette-surface-dark: #174338;
    --palette-raised-dark: #24564a;
    --palette-raised-dark-rgb: 36, 86, 74;
    --palette-input-dark: #0d2c25;
    --palette-input-dark-rgb: 13, 44, 37;
    --palette-text-dark: #f1fff8;
    --palette-muted-dark: #bbdbce;
    --palette-label-dark: #d8eee4;
    --palette-page-light: #f2f8f5;
    --palette-raised-light: #deeee5;
    --palette-raised-light-rgb: 222, 238, 229;
    --palette-glow-light: #d7f4e2;
    --palette-secondary-glow-light: #daf0f2;
    --palette-text-light: #163c2f;
    --palette-text-light-rgb: 22, 60, 47;
    --palette-muted-light: #436757;
    --palette-accent-dark: #00dfa5;
    --palette-accent-dark-rgb: 0, 223, 165;
    --palette-accent-light: #086648;
    --palette-action-start: #00d7aa;
    --palette-action-end: #00b9dc;
    --palette-action-end-rgb: 0, 185, 220;
    --palette-action-ink: #062c29;
    --palette-action-border: #48ebca;
    --palette-focus-dark: #00d6db;
    --palette-focus-dark-rgb: 0, 214, 219;
    --palette-focus-light: #006b70;
    --palette-focus-light-rgb: 0, 107, 112;
    --palette-control-dark: #65ad90;
    --palette-control-light: #397d62;
    --palette-scroll-dark: #65ad90;
    --palette-scroll-light: #397d62;
    --palette-close-hover: #24564a;
    --palette-close-active: #126342;
    --palette-hero-start: #126342;
    --palette-hero-end: #0a3e46;
    --palette-line-dark: #65ad90;
    --palette-line-dark-rgb: 101, 173, 144;
    --palette-line-light: #397d62;
    --palette-line-light-rgb: 57, 125, 98;
    --palette-glow-dark: #087249;
    --palette-glow-dark-rgb: 8, 114, 73;
    --palette-secondary-glow-dark: #076479;
    --palette-secondary-glow-dark-rgb: 7, 100, 121;
    --palette-shadow: #09241f;
    --palette-shadow-rgb: 9, 36, 31;
    --palette-overlay: #09241f;
    --palette-overlay-rgb: 9, 36, 31;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2300d6db' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23006b70' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-page-gradient-dark: linear-gradient(135deg, #073b32, #062927, #0a2433);
    --palette-page-gradient-light: linear-gradient(135deg, #ddf5e9, #e9f3ee, #ddf2f4);
}

/* Inferno Gold */
html[data-color-theme="inferno-gold"] {
    --palette-page-dark: #241a10;
    --palette-page-dark-rgb: 36, 26, 16;
    --palette-header-dark: #332718;
    --palette-header-dark-rgb: 51, 39, 24;
    --palette-surface-dark: #423320;
    --palette-raised-dark: #55432b;
    --palette-raised-dark-rgb: 85, 67, 43;
    --palette-input-dark: #2b2013;
    --palette-input-dark-rgb: 43, 32, 19;
    --palette-text-dark: #fffaf0;
    --palette-muted-dark: #e2d0af;
    --palette-label-dark: #f2e2c8;
    --palette-page-light: #faf7f1;
    --palette-raised-light: #eee5d5;
    --palette-raised-light-rgb: 238, 229, 213;
    --palette-glow-light: #ffebc2;
    --palette-secondary-glow-light: #ece8df;
    --palette-text-light: #3b2c19;
    --palette-text-light-rgb: 59, 44, 25;
    --palette-muted-light: #6d5b43;
    --palette-accent-dark: #ffb000;
    --palette-accent-dark-rgb: 255, 176, 0;
    --palette-accent-light: #805000;
    --palette-action-start: #ffb000;
    --palette-action-end: #ff6b00;
    --palette-action-end-rgb: 255, 107, 0;
    --palette-action-ink: #271708;
    --palette-action-border: #ffca4a;
    --palette-focus-dark: #ff981b;
    --palette-focus-dark-rgb: 255, 152, 27;
    --palette-focus-light: #9c4200;
    --palette-focus-light-rgb: 156, 66, 0;
    --palette-control-dark: #b79b61;
    --palette-control-light: #8a7045;
    --palette-scroll-dark: #b79b61;
    --palette-scroll-light: #8a7045;
    --palette-close-hover: #55432b;
    --palette-close-active: #78430f;
    --palette-hero-start: #78430f;
    --palette-hero-end: #343026;
    --palette-line-dark: #b79b61;
    --palette-line-dark-rgb: 183, 155, 97;
    --palette-line-light: #8a7045;
    --palette-line-light-rgb: 138, 112, 69;
    --palette-glow-dark: #a65a0a;
    --palette-glow-dark-rgb: 166, 90, 10;
    --palette-secondary-glow-dark: #5c4a21;
    --palette-secondary-glow-dark-rgb: 92, 74, 33;
    --palette-shadow: #241a10;
    --palette-shadow-rgb: 36, 26, 16;
    --palette-overlay: #241a10;
    --palette-overlay-rgb: 36, 26, 16;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ff981b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%239c4200' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-page-gradient-dark: linear-gradient(135deg, #49250a, #281b10, #141c24);
    --palette-page-gradient-light: linear-gradient(135deg, #fff0d0, #f7eadc, #e9edf2);
}

/* Crimson Carbon */
html[data-color-theme="crimson-carbon"] {
    --palette-page-dark: #261417;
    --palette-page-dark-rgb: 38, 20, 23;
    --palette-header-dark: #351c20;
    --palette-header-dark-rgb: 53, 28, 32;
    --palette-surface-dark: #43252a;
    --palette-raised-dark: #563238;
    --palette-raised-dark-rgb: 86, 50, 56;
    --palette-input-dark: #2d181c;
    --palette-input-dark-rgb: 45, 24, 28;
    --palette-text-dark: #fff7f2;
    --palette-muted-dark: #e4c8bf;
    --palette-label-dark: #f2dfd7;
    --palette-page-light: #faf6f3;
    --palette-raised-light: #eee3df;
    --palette-raised-light-rgb: 238, 227, 223;
    --palette-glow-light: #fbded2;
    --palette-secondary-glow-light: #e8e9ec;
    --palette-text-light: #422922;
    --palette-text-light-rgb: 66, 41, 34;
    --palette-muted-light: #70554c;
    --palette-accent-dark: #ff6d3a;
    --palette-accent-dark-rgb: 255, 109, 58;
    --palette-accent-light: #9c2e18;
    --palette-action-start: #b91420;
    --palette-action-end: #bd3a0c;
    --palette-action-end-rgb: 189, 58, 12;
    --palette-action-ink: #ffffff;
    --palette-action-border: #ff7139;
    --palette-focus-dark: #ffaf32;
    --palette-focus-dark-rgb: 255, 175, 50;
    --palette-focus-light: #943900;
    --palette-focus-light-rgb: 148, 57, 0;
    --palette-control-dark: #bd8b7b;
    --palette-control-light: #956455;
    --palette-scroll-dark: #bd8b7b;
    --palette-scroll-light: #956455;
    --palette-close-hover: #563238;
    --palette-close-active: #791c20;
    --palette-hero-start: #791c20;
    --palette-hero-end: #38232b;
    --palette-line-dark: #bd8b7b;
    --palette-line-dark-rgb: 189, 139, 123;
    --palette-line-light: #956455;
    --palette-line-light-rgb: 149, 100, 85;
    --palette-glow-dark: #9b2220;
    --palette-glow-dark-rgb: 155, 34, 32;
    --palette-secondary-glow-dark: #744014;
    --palette-secondary-glow-dark-rgb: 116, 64, 20;
    --palette-shadow: #261417;
    --palette-shadow-rgb: 38, 20, 23;
    --palette-overlay: #261417;
    --palette-overlay-rgb: 38, 20, 23;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23ffaf32' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23943900' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-page-gradient-dark: linear-gradient(135deg, #4b1114, #28151a, #101c29);
    --palette-page-gradient-light: linear-gradient(135deg, #fbe3df, #f4e9e3, #e7edf3);
}

/* Spectrum Pop: one stable color for each account action. */
html[data-color-theme="spectrum-pop"] {
    --palette-page-dark: #202124;
    --palette-page-dark-rgb: 32, 33, 36;
    --palette-header-dark: #27282c;
    --palette-header-dark-rgb: 39, 40, 44;
    --palette-surface-dark: #2c2d32;
    --palette-raised-dark: #34353a;
    --palette-raised-dark-rgb: 52, 53, 58;
    --palette-input-dark: #24252a;
    --palette-input-dark-rgb: 36, 37, 42;
    --palette-text-dark: #fafafa;
    --palette-muted-dark: #c6c6c6;
    --palette-label-dark: #e8e8e8;
    --palette-page-light: #f6f7fa;
    --palette-raised-light: #e9edf4;
    --palette-raised-light-rgb: 233, 237, 244;
    --palette-glow-light: #e8efff;
    --palette-secondary-glow-light: #f3eafb;
    --palette-text-light: #202733;
    --palette-text-light-rgb: 32, 39, 51;
    --palette-muted-light: #515e70;
    --palette-accent-dark: #78b6ff;
    --palette-accent-dark-rgb: 120, 182, 255;
    --palette-accent-light: #245ca8;
    --palette-action-start: #78b6ff;
    --palette-action-end: #ad9bfa;
    --palette-action-end-rgb: 173, 155, 250;
    --palette-action-ink: #172134;
    --palette-action-border: #a6cfff;
    --palette-focus-dark: #65d9ed;
    --palette-focus-dark-rgb: 101, 217, 237;
    --palette-focus-light: #006b7d;
    --palette-focus-light-rgb: 0, 107, 125;
    --palette-control-dark: #929085;
    --palette-control-light: #858176;
    --palette-scroll-dark: #929085;
    --palette-scroll-light: #858176;
    --palette-close-hover: #34353a;
    --palette-close-active: #454e68;
    --palette-hero-start: #363c55;
    --palette-hero-end: #2c2d32;
    --palette-line-dark: #8d9cbd;
    --palette-line-dark-rgb: 141, 156, 189;
    --palette-line-light: #657893;
    --palette-line-light-rgb: 101, 120, 147;
    --palette-glow-dark: #343a52;
    --palette-glow-dark-rgb: 52, 58, 82;
    --palette-secondary-glow-dark: #3a3049;
    --palette-secondary-glow-dark-rgb: 58, 48, 73;
    --palette-shadow: #16171c;
    --palette-shadow-rgb: 22, 23, 28;
    --palette-overlay: #202124;
    --palette-overlay-rgb: 32, 33, 36;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2365d9ed' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23006b7d' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --multicolor-transfer: #ffa84b;
    --multicolor-history: #78b6ff;
    --multicolor-credit: #ffd56b;
    --multicolor-vip: #b7a2ff;
    --multicolor-rewards: #ff8ba9;
    --multicolor-referral: #ffbd80;
    --multicolor-bank: #e5e879;
    --multicolor-profile: #8bc7e8;
    --multicolor-invitation: #62d9b0;
    --multicolor-password: #f49cda;
    --multicolor-promo: #c5a1e6;
    --multicolor-support: #65d9ed;
    --multicolor-deposit: var(--multicolor-invitation);
    --multicolor-withdraw: var(--multicolor-rewards);
    --multicolor-more: var(--multicolor-vip);
}

/* Pastel Mix: one stable color for each account action. */
html[data-color-theme="pastel-mix"] {
    --palette-page-dark: #25252e;
    --palette-page-dark-rgb: 37, 37, 46;
    --palette-header-dark: #2d2c38;
    --palette-header-dark-rgb: 45, 44, 56;
    --palette-surface-dark: #33323f;
    --palette-raised-dark: #3c3a49;
    --palette-raised-dark-rgb: 60, 58, 73;
    --palette-input-dark: #292832;
    --palette-input-dark-rgb: 41, 40, 50;
    --palette-text-dark: #faf7ff;
    --palette-muted-dark: #c9c3d8;
    --palette-label-dark: #e6dfee;
    --palette-page-light: #faf7fc;
    --palette-raised-light: #f0e9f4;
    --palette-raised-light-rgb: 240, 233, 244;
    --palette-glow-light: #f1e5fc;
    --palette-secondary-glow-light: #e5f6ee;
    --palette-text-light: #342b45;
    --palette-text-light-rgb: 52, 43, 69;
    --palette-muted-light: #675c78;
    --palette-accent-dark: #c5b8f4;
    --palette-accent-dark-rgb: 197, 184, 244;
    --palette-accent-light: #695194;
    --palette-action-start: #c5b8f4;
    --palette-action-end: #f6b6cc;
    --palette-action-end-rgb: 246, 182, 204;
    --palette-action-ink: #342b45;
    --palette-action-border: #e0d6ff;
    --palette-focus-dark: #a7dbc4;
    --palette-focus-dark-rgb: 167, 219, 196;
    --palette-focus-light: #27654e;
    --palette-focus-light-rgb: 39, 101, 78;
    --palette-control-dark: #8290a1;
    --palette-control-light: #778395;
    --palette-scroll-dark: #8290a1;
    --palette-scroll-light: #778395;
    --palette-close-hover: #3c3a49;
    --palette-close-active: #594b70;
    --palette-hero-start: #4c405b;
    --palette-hero-end: #33323f;
    --palette-line-dark: #b2a3c5;
    --palette-line-dark-rgb: 178, 163, 197;
    --palette-line-light: #9782af;
    --palette-line-light-rgb: 151, 130, 175;
    --palette-glow-dark: #42364e;
    --palette-glow-dark-rgb: 66, 54, 78;
    --palette-secondary-glow-dark: #304841;
    --palette-secondary-glow-dark-rgb: 48, 72, 65;
    --palette-shadow: #25212e;
    --palette-shadow-rgb: 37, 33, 46;
    --palette-overlay: #25252e;
    --palette-overlay-rgb: 37, 37, 46;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23a7dbc4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%2327654e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --multicolor-transfer: #ffc49e;
    --multicolor-history: #a9c8ff;
    --multicolor-credit: #f5dc9d;
    --multicolor-vip: #c5b8f4;
    --multicolor-rewards: #f6b6cc;
    --multicolor-referral: #e7c7a5;
    --multicolor-bank: #d7de9e;
    --multicolor-profile: #a8d5e3;
    --multicolor-invitation: #a7dbc4;
    --multicolor-password: #e7b8e4;
    --multicolor-promo: #c5c1e9;
    --multicolor-support: #9ddde1;
    --multicolor-deposit: var(--multicolor-invitation);
    --multicolor-withdraw: var(--multicolor-rewards);
    --multicolor-more: var(--multicolor-vip);
}

/* Neon Carnival: one stable color for each account action. */
html[data-color-theme="neon-carnival"] {
    --palette-page-dark: #101621;
    --palette-page-dark-rgb: 16, 22, 33;
    --palette-header-dark: #172030;
    --palette-header-dark-rgb: 23, 32, 48;
    --palette-surface-dark: #1c2738;
    --palette-raised-dark: #263449;
    --palette-raised-dark-rgb: 38, 52, 73;
    --palette-input-dark: #141e2d;
    --palette-input-dark-rgb: 20, 30, 45;
    --palette-text-dark: #f3f8ff;
    --palette-muted-dark: #b9c7de;
    --palette-label-dark: #e1eaf8;
    --palette-page-light: #f1f7fc;
    --palette-raised-light: #e1edf6;
    --palette-raised-light-rgb: 225, 237, 246;
    --palette-glow-light: #dbf4fa;
    --palette-secondary-glow-light: #ece6ff;
    --palette-text-light: #183048;
    --palette-text-light-rgb: 24, 48, 72;
    --palette-muted-light: #486078;
    --palette-accent-dark: #5ae5e0;
    --palette-accent-dark-rgb: 90, 229, 224;
    --palette-accent-light: #006b72;
    --palette-action-start: #5ae5e0;
    --palette-action-end: #88aaff;
    --palette-action-end-rgb: 136, 170, 255;
    --palette-action-ink: #101e32;
    --palette-action-border: #99f8f0;
    --palette-focus-dark: #c9f45b;
    --palette-focus-dark-rgb: 201, 244, 91;
    --palette-focus-light: #476000;
    --palette-focus-light-rgb: 71, 96, 0;
    --palette-control-dark: #9d85bd;
    --palette-control-light: #867b98;
    --palette-scroll-dark: #9d85bd;
    --palette-scroll-light: #867b98;
    --palette-close-hover: #263449;
    --palette-close-active: #28536b;
    --palette-hero-start: #254563;
    --palette-hero-end: #1c2738;
    --palette-line-dark: #5d9fc1;
    --palette-line-dark-rgb: 93, 159, 193;
    --palette-line-light: #447699;
    --palette-line-light-rgb: 68, 118, 153;
    --palette-glow-dark: #173f58;
    --palette-glow-dark-rgb: 23, 63, 88;
    --palette-secondary-glow-dark: #443257;
    --palette-secondary-glow-dark-rgb: 68, 50, 87;
    --palette-shadow: #0b111b;
    --palette-shadow-rgb: 11, 17, 27;
    --palette-overlay: #101621;
    --palette-overlay-rgb: 16, 22, 33;
    --palette-close-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23c9f45b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --palette-close-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='%23476000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --multicolor-transfer: #ffad42;
    --multicolor-history: #55c4ff;
    --multicolor-credit: #ffe64c;
    --multicolor-vip: #b49aff;
    --multicolor-rewards: #ff78ba;
    --multicolor-referral: #ff9672;
    --multicolor-bank: #c9f45b;
    --multicolor-profile: #88aaff;
    --multicolor-invitation: #4aefb6;
    --multicolor-password: #f394ff;
    --multicolor-promo: #9ce4ef;
    --multicolor-support: #5ae5e0;
    --multicolor-deposit: var(--multicolor-invitation);
    --multicolor-withdraw: var(--multicolor-rewards);
    --multicolor-more: var(--multicolor-vip);
}