/* Shared MAU Cloud themes. Keep variable themes in this file so login, dashboard, and editor stay aligned. */
:root {
      --bg: #0b1220;
      --bg2: #111827;
      --panel: rgba(17, 24, 39, 0.92);
      --panel-solid: #111827;
      --panel-soft: rgba(31, 41, 55, 0.68);
      --line: rgba(191, 197, 207, 0.18);
      --line-strong: rgba(191, 197, 207, 0.35);
      --white: #ffffff;
      --text: #eef2f8;
      --muted: #bfc5cf;
      --muted-2: #8c96a7;
      --orange: #f28c28;
      --orange-2: #ff8a1f;
      --cyan: #65d9ff;
      --green: #8ee391;
      --neon-green: #6dff8f;
      --poison-purple: #b45cff;
      --red: #ff6f6f;
      --pink: #ff8bd1;
      --orange-rgb: 242, 140, 40;
      --cyan-rgb: 101, 217, 255;
      --green-rgb: 142, 227, 145;
      --neon-green-rgb: 109, 255, 143;
      --poison-purple-rgb: 180, 92, 255;
      --red-rgb: 255, 111, 111;
      --pink-rgb: 255, 139, 209;
      --aura-primary-rgb: 109, 255, 143;
      --aura-secondary-rgb: 180, 92, 255;
      --aura-tertiary-rgb: 242, 140, 40;
      --topbar: rgba(11, 18, 32, 0.92);
      --input-bg: rgba(17, 24, 39, 0.82);
      --input-bg-strong: rgba(17, 24, 39, 0.92);
      --surface: rgba(3, 7, 14, 0.24);
      --surface-soft: rgba(3, 7, 14, 0.16);
      --surface-hover: rgba(191, 197, 207, 0.08);
      --select-menu: rgba(8, 13, 24, 0.98);
      --canvas-bg-a: rgba(7, 14, 26, 0.96);
      --canvas-bg-b: rgba(10, 16, 29, 0.96);
      --hud-bg: rgba(3, 7, 14, 0.62);
      --legend-bg: rgba(11, 18, 32, 0.78);
      --grid-line: rgba(191, 197, 207, 0.08);
      --tile-walk: rgba(191, 197, 207, 0.22);
      --tile-wall: rgba(10, 16, 29, 0.9);
      --tile-wall-edge: rgba(191, 197, 207, 0.04);
      --tile-item-text: #d8ffe0;
      --canvas-text-stroke: rgba(3, 7, 14, 0.88);
      --toolbar-bg: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.92));
      --panel-highlight: linear-gradient(135deg, rgba(109, 255, 143, 0.08), rgba(180, 92, 255, 0.07));
      --canvas-overlay: radial-gradient(circle at 18% 10%, rgba(109, 255, 143, 0.07), transparent 34%);
      --shadow: 0 20px 70px rgba(0, 0, 0, 0.35);
    }

    body[data-theme="midnight-neon"] {
      --bg: #07111f;
      --bg2: #0e1f34;
      --panel: rgba(10, 24, 42, 0.94);
      --panel-solid: #0a182a;
      --panel-soft: rgba(21, 42, 66, 0.70);
      --line: rgba(151, 196, 232, 0.20);
      --line-strong: rgba(151, 196, 232, 0.40);
      --white: #ffffff;
      --text: #edf7ff;
      --muted: #bad0e6;
      --muted-2: #8399b2;
      --orange: #ffb35c;
      --orange-2: #ff9d38;
      --cyan: #5be7ff;
      --green: #8effd2;
      --neon-green: #68ffc5;
      --poison-purple: #9b7dff;
      --red: #ff7373;
      --pink: #ff91d8;
      --orange-rgb: 255, 179, 92;
      --cyan-rgb: 91, 231, 255;
      --green-rgb: 142, 255, 210;
      --neon-green-rgb: 104, 255, 197;
      --poison-purple-rgb: 155, 125, 255;
      --red-rgb: 255, 115, 115;
      --pink-rgb: 255, 145, 216;
      --topbar: rgba(7, 17, 31, 0.93);
      --input-bg: rgba(12, 28, 48, 0.84);
      --input-bg-strong: rgba(12, 28, 48, 0.94);
      --surface: rgba(2, 11, 22, 0.28);
      --surface-soft: rgba(2, 11, 22, 0.18);
      --surface-hover: rgba(151, 196, 232, 0.10);
      --select-menu: rgba(7, 18, 32, 0.98);
      --canvas-bg-a: rgba(4, 13, 25, 0.96);
      --canvas-bg-b: rgba(8, 24, 42, 0.96);
      --hud-bg: rgba(3, 11, 21, 0.64);
      --legend-bg: rgba(7, 17, 31, 0.80);
      --grid-line: rgba(151, 196, 232, 0.09);
      --tile-walk: rgba(151, 196, 232, 0.22);
      --tile-wall: rgba(4, 13, 25, 0.92);
      --tile-wall-edge: rgba(151, 196, 232, 0.05);
      --tile-item-text: #d6fff2;
      --canvas-text-stroke: rgba(3, 9, 18, 0.88);
      --shadow: 0 22px 76px rgba(0, 0, 0, 0.42);
    }

    body[data-theme="obsidian-blue"] {
      --bg: #05070c;
      --bg2: #0b1424;
      --panel: rgba(9, 14, 24, 0.95);
      --panel-solid: #090e18;
      --panel-soft: rgba(22, 33, 50, 0.72);
      --line: rgba(133, 178, 255, 0.20);
      --line-strong: rgba(133, 178, 255, 0.42);
      --white: #ffffff;
      --text: #f1f6ff;
      --muted: #bac7de;
      --muted-2: #8492aa;
      --orange: #f5a64a;
      --orange-2: #ff932b;
      --cyan: #62b7ff;
      --green: #78ffd6;
      --neon-green: #5dffbd;
      --poison-purple: #7e83ff;
      --red: #ff6b82;
      --pink: #ff8fe6;
      --orange-rgb: 245, 166, 74;
      --cyan-rgb: 98, 183, 255;
      --green-rgb: 120, 255, 214;
      --neon-green-rgb: 93, 255, 189;
      --poison-purple-rgb: 126, 131, 255;
      --red-rgb: 255, 107, 130;
      --pink-rgb: 255, 143, 230;
      --topbar: rgba(5, 7, 12, 0.94);
      --input-bg: rgba(12, 19, 32, 0.86);
      --input-bg-strong: rgba(12, 19, 32, 0.95);
      --surface: rgba(0, 0, 0, 0.28);
      --surface-soft: rgba(0, 0, 0, 0.18);
      --surface-hover: rgba(133, 178, 255, 0.10);
      --select-menu: rgba(6, 10, 18, 0.98);
      --canvas-bg-a: rgba(3, 5, 9, 0.97);
      --canvas-bg-b: rgba(8, 15, 27, 0.97);
      --hud-bg: rgba(0, 0, 0, 0.60);
      --legend-bg: rgba(5, 8, 14, 0.82);
      --grid-line: rgba(133, 178, 255, 0.09);
      --tile-walk: rgba(133, 178, 255, 0.20);
      --tile-wall: rgba(3, 5, 9, 0.94);
      --tile-wall-edge: rgba(133, 178, 255, 0.05);
      --tile-item-text: #d1fff0;
      --canvas-text-stroke: rgba(0, 0, 0, 0.9);
      --shadow: 0 22px 82px rgba(0, 0, 0, 0.52);
    }

    body[data-theme="cyber-rose"] {
      --bg: #130814;
      --bg2: #251029;
      --panel: rgba(31, 15, 35, 0.94);
      --panel-solid: #1f0f23;
      --panel-soft: rgba(58, 28, 64, 0.66);
      --line: rgba(255, 170, 219, 0.20);
      --line-strong: rgba(255, 170, 219, 0.42);
      --white: #ffffff;
      --text: #fff1fb;
      --muted: #e2bed6;
      --muted-2: #a9879f;
      --orange: #ffad66;
      --orange-2: #ff8a45;
      --cyan: #72eaff;
      --green: #9affc8;
      --neon-green: #75ffb2;
      --poison-purple: #db6cff;
      --red: #ff6878;
      --pink: #ff83c9;
      --orange-rgb: 255, 173, 102;
      --cyan-rgb: 114, 234, 255;
      --green-rgb: 154, 255, 200;
      --neon-green-rgb: 117, 255, 178;
      --poison-purple-rgb: 219, 108, 255;
      --red-rgb: 255, 104, 120;
      --pink-rgb: 255, 131, 201;
      --topbar: rgba(19, 8, 20, 0.94);
      --input-bg: rgba(36, 17, 41, 0.86);
      --input-bg-strong: rgba(36, 17, 41, 0.95);
      --surface: rgba(10, 3, 12, 0.25);
      --surface-soft: rgba(10, 3, 12, 0.16);
      --surface-hover: rgba(255, 170, 219, 0.10);
      --select-menu: rgba(23, 10, 27, 0.98);
      --canvas-bg-a: rgba(15, 6, 17, 0.96);
      --canvas-bg-b: rgba(31, 12, 35, 0.96);
      --hud-bg: rgba(10, 3, 12, 0.62);
      --legend-bg: rgba(19, 8, 20, 0.80);
      --grid-line: rgba(255, 170, 219, 0.08);
      --tile-walk: rgba(255, 170, 219, 0.19);
      --tile-wall: rgba(15, 6, 17, 0.93);
      --tile-wall-edge: rgba(255, 170, 219, 0.05);
      --tile-item-text: #e0ffe9;
      --canvas-text-stroke: rgba(10, 3, 12, 0.88);
      --shadow: 0 22px 78px rgba(0, 0, 0, 0.46);
    }

    body[data-theme="emerald-void"] {
      --bg: #06110d;
      --bg2: #0c2118;
      --panel: rgba(9, 28, 20, 0.94);
      --panel-solid: #091c14;
      --panel-soft: rgba(23, 55, 41, 0.70);
      --line: rgba(139, 255, 190, 0.19);
      --line-strong: rgba(139, 255, 190, 0.40);
      --white: #ffffff;
      --text: #effff6;
      --muted: #b9dbc8;
      --muted-2: #86a996;
      --orange: #ffc16a;
      --orange-2: #ff9f3d;
      --cyan: #6bdcff;
      --green: #86ffae;
      --neon-green: #61ff94;
      --poison-purple: #bf7cff;
      --red: #ff7171;
      --pink: #ff8ad8;
      --orange-rgb: 255, 193, 106;
      --cyan-rgb: 107, 220, 255;
      --green-rgb: 134, 255, 174;
      --neon-green-rgb: 97, 255, 148;
      --poison-purple-rgb: 191, 124, 255;
      --red-rgb: 255, 113, 113;
      --pink-rgb: 255, 138, 216;
      --topbar: rgba(6, 17, 13, 0.94);
      --input-bg: rgba(10, 31, 22, 0.86);
      --input-bg-strong: rgba(10, 31, 22, 0.95);
      --surface: rgba(0, 10, 6, 0.28);
      --surface-soft: rgba(0, 10, 6, 0.18);
      --surface-hover: rgba(139, 255, 190, 0.10);
      --select-menu: rgba(6, 18, 13, 0.98);
      --canvas-bg-a: rgba(4, 12, 9, 0.96);
      --canvas-bg-b: rgba(8, 24, 17, 0.96);
      --hud-bg: rgba(0, 10, 6, 0.62);
      --legend-bg: rgba(6, 17, 13, 0.80);
      --grid-line: rgba(139, 255, 190, 0.08);
      --tile-walk: rgba(139, 255, 190, 0.18);
      --tile-wall: rgba(4, 12, 9, 0.93);
      --tile-wall-edge: rgba(139, 255, 190, 0.05);
      --tile-item-text: #e2fff0;
      --canvas-text-stroke: rgba(0, 10, 6, 0.88);
      --shadow: 0 22px 76px rgba(0, 0, 0, 0.44);
    }

    body[data-theme="clean-light"] {
      --bg: #eef3fa;
      --bg2: #ffffff;
      --panel: rgba(255, 255, 255, 0.92);
      --panel-solid: #ffffff;
      --panel-soft: rgba(226, 234, 244, 0.78);
      --line: rgba(31, 43, 65, 0.16);
      --line-strong: rgba(31, 43, 65, 0.32);
      --white: #0f172a;
      --text: #172033;
      --muted: #526079;
      --muted-2: #768298;
      --orange: #e77817;
      --orange-2: #fb8b24;
      --cyan: #087fb7;
      --green: #1f9d59;
      --neon-green: #18b45f;
      --poison-purple: #7d3cff;
      --red: #d8334a;
      --pink: #d83ca8;
      --orange-rgb: 231, 120, 23;
      --cyan-rgb: 8, 127, 183;
      --green-rgb: 31, 157, 89;
      --neon-green-rgb: 24, 180, 95;
      --poison-purple-rgb: 125, 60, 255;
      --red-rgb: 216, 51, 74;
      --pink-rgb: 216, 60, 168;
      --topbar: rgba(255, 255, 255, 0.88);
      --input-bg: rgba(255, 255, 255, 0.78);
      --input-bg-strong: rgba(255, 255, 255, 0.96);
      --surface: rgba(234, 240, 248, 0.74);
      --surface-soft: rgba(234, 240, 248, 0.58);
      --surface-hover: rgba(31, 43, 65, 0.07);
      --select-menu: rgba(255, 255, 255, 0.98);
      --canvas-bg-a: rgba(239, 244, 250, 0.98);
      --canvas-bg-b: rgba(250, 252, 255, 0.98);
      --hud-bg: rgba(255, 255, 255, 0.82);
      --legend-bg: rgba(255, 255, 255, 0.84);
      --grid-line: rgba(31, 43, 65, 0.10);
      --tile-walk: rgba(82, 96, 121, 0.22);
      --tile-wall: rgba(206, 216, 229, 0.86);
      --tile-wall-edge: rgba(31, 43, 65, 0.07);
      --tile-item-text: #0b5e35;
      --canvas-text-stroke: rgba(255, 255, 255, 0.86);
      --shadow: 0 20px 60px rgba(32, 47, 74, 0.18);
    }

    body[data-theme="arcane-paper"] {
      --bg: #090a0c;
      --bg2: #15171b;
      --panel: rgba(18, 20, 24, 0.94);
      --panel-solid: #121418;
      --panel-soft: rgba(35, 38, 44, 0.82);
      --line: rgba(200, 207, 218, 0.16);
      --line-strong: rgba(224, 229, 238, 0.34);
      --white: #f7f8fa;
      --text: #e2e5ea;
      --muted: #a8afb9;
      --muted-2: #737b87;
      --orange: #c7cdd6;
      --orange-2: #e2e6ec;
      --cyan: #aeb7c4;
      --green: #bcc2cb;
      --neon-green: #d6dbe3;
      --poison-purple: #9da5b1;
      --red: #e56d73;
      --pink: #b5bac4;
      --orange-rgb: 199, 205, 214;
      --cyan-rgb: 174, 183, 196;
      --green-rgb: 188, 194, 203;
      --neon-green-rgb: 214, 219, 227;
      --poison-purple-rgb: 157, 165, 177;
      --red-rgb: 229, 109, 115;
      --pink-rgb: 181, 186, 196;
      --aura-primary-rgb: 214, 219, 227;
      --aura-secondary-rgb: 157, 165, 177;
      --aura-tertiary-rgb: 199, 205, 214;
      --topbar: rgba(9, 10, 12, 0.92);
      --input-bg: rgba(20, 22, 26, 0.86);
      --input-bg-strong: rgba(20, 22, 26, 0.98);
      --surface: rgba(30, 33, 38, 0.78);
      --surface-soft: rgba(30, 33, 38, 0.56);
      --surface-hover: rgba(224, 229, 238, 0.07);
      --select-menu: rgba(12, 13, 16, 0.99);
      --canvas-bg-a: rgba(9, 10, 12, 0.98);
      --canvas-bg-b: rgba(20, 22, 27, 0.98);
      --hud-bg: rgba(10, 11, 13, 0.84);
      --legend-bg: rgba(10, 11, 13, 0.88);
      --grid-line: rgba(200, 207, 218, 0.065);
      --tile-walk: rgba(120, 128, 140, 0.22);
      --tile-wall: rgba(7, 8, 10, 0.95);
      --tile-wall-edge: rgba(224, 229, 238, 0.045);
      --tile-item-text: #e6e9ee;
      --canvas-text-stroke: rgba(0, 0, 0, 0.94);
      --toolbar-bg: linear-gradient(180deg, rgba(24, 27, 32, 0.99), rgba(9, 10, 12, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(224, 229, 238, 0.09), rgba(157, 165, 177, 0.07) 48%, rgba(199, 205, 214, 0.04));
      --canvas-overlay: radial-gradient(circle at 15% 10%, rgba(224, 229, 238, 0.055), transparent 34%), radial-gradient(circle at 82% 15%, rgba(157, 165, 177, 0.045), transparent 36%);
      --shadow: 0 24px 82px rgba(0, 0, 0, 0.58), 0 0 28px rgba(224, 229, 238, 0.035);
    }

    body[data-theme="soft-terminal"] {
      --bg: #edf7f3;
      --bg2: #f9fffb;
      --panel: rgba(249, 255, 251, 0.92);
      --panel-solid: #f9fffb;
      --panel-soft: rgba(218, 237, 230, 0.78);
      --line: rgba(25, 71, 55, 0.16);
      --line-strong: rgba(25, 71, 55, 0.33);
      --white: #10231c;
      --text: #11251e;
      --muted: #48645a;
      --muted-2: #748982;
      --orange: #d8791d;
      --orange-2: #ef8722;
      --cyan: #1680a4;
      --green: #168d57;
      --neon-green: #15a860;
      --poison-purple: #7a4ae6;
      --red: #cf3c50;
      --pink: #c946a1;
      --orange-rgb: 216, 121, 29;
      --cyan-rgb: 22, 128, 164;
      --green-rgb: 22, 141, 87;
      --neon-green-rgb: 21, 168, 96;
      --poison-purple-rgb: 122, 74, 230;
      --red-rgb: 207, 60, 80;
      --pink-rgb: 201, 70, 161;
      --topbar: rgba(249, 255, 251, 0.90);
      --input-bg: rgba(249, 255, 251, 0.80);
      --input-bg-strong: rgba(249, 255, 251, 0.96);
      --surface: rgba(218, 237, 230, 0.74);
      --surface-soft: rgba(218, 237, 230, 0.56);
      --surface-hover: rgba(25, 71, 55, 0.07);
      --select-menu: rgba(249, 255, 251, 0.98);
      --canvas-bg-a: rgba(235, 247, 242, 0.98);
      --canvas-bg-b: rgba(249, 255, 251, 0.98);
      --hud-bg: rgba(249, 255, 251, 0.82);
      --legend-bg: rgba(249, 255, 251, 0.86);
      --grid-line: rgba(25, 71, 55, 0.10);
      --tile-walk: rgba(72, 100, 90, 0.20);
      --tile-wall: rgba(207, 226, 219, 0.86);
      --tile-wall-edge: rgba(25, 71, 55, 0.07);
      --tile-item-text: #095832;
      --canvas-text-stroke: rgba(249, 255, 251, 0.88);
      --shadow: 0 20px 60px rgba(31, 76, 60, 0.16);
    }

    /* Professional editor themes. These override the first simple palette pass while keeping saved theme keys compatible. */
    body[data-theme="mau-toxic"] {
      --bg: #070a12;
      --bg2: #0f1626;
      --panel: rgba(12, 18, 31, 0.92);
      --panel-solid: #0c121f;
      --panel-soft: rgba(22, 31, 49, 0.72);
      --line: rgba(143, 255, 166, 0.16);
      --line-strong: rgba(180, 92, 255, 0.38);
      --white: #ffffff;
      --text: #f4f8ff;
      --muted: #b8c2d4;
      --muted-2: #778299;
      --orange: #ff9f35;
      --orange-2: #ffb968;
      --cyan: #62dbff;
      --green: #9cff9e;
      --neon-green: #68ff86;
      --poison-purple: #b96cff;
      --red: #ff5f6f;
      --pink: #ff86d7;
      --orange-rgb: 255, 159, 53;
      --cyan-rgb: 98, 219, 255;
      --green-rgb: 156, 255, 158;
      --neon-green-rgb: 104, 255, 134;
      --poison-purple-rgb: 185, 108, 255;
      --red-rgb: 255, 95, 111;
      --pink-rgb: 255, 134, 215;
      --aura-primary-rgb: 104, 255, 134;
      --aura-secondary-rgb: 185, 108, 255;
      --aura-tertiary-rgb: 255, 159, 53;
      --topbar: rgba(7, 10, 18, 0.90);
      --input-bg: rgba(14, 20, 35, 0.82);
      --input-bg-strong: rgba(14, 20, 35, 0.96);
      --surface: rgba(5, 9, 17, 0.42);
      --surface-soft: rgba(5, 9, 17, 0.26);
      --surface-hover: rgba(104, 255, 134, 0.08);
      --select-menu: rgba(8, 11, 20, 0.985);
      --canvas-bg-a: rgba(4, 8, 15, 0.98);
      --canvas-bg-b: rgba(8, 14, 25, 0.98);
      --hud-bg: rgba(6, 10, 18, 0.78);
      --legend-bg: rgba(7, 10, 18, 0.80);
      --grid-line: rgba(143, 255, 166, 0.055);
      --tile-walk: rgba(122, 143, 170, 0.24);
      --tile-wall: rgba(3, 7, 13, 0.94);
      --tile-wall-edge: rgba(143, 255, 166, 0.035);
      --tile-item-text: #d8ffe1;
      --canvas-text-stroke: rgba(2, 5, 10, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(13, 19, 32, 0.98), rgba(7, 10, 18, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(104, 255, 134, 0.11), rgba(185, 108, 255, 0.08) 46%, rgba(255, 159, 53, 0.05));
      --canvas-overlay: radial-gradient(circle at 20% 8%, rgba(104, 255, 134, 0.09), transparent 32%), radial-gradient(circle at 78% 22%, rgba(185, 108, 255, 0.09), transparent 34%);
      --shadow: 0 24px 90px rgba(0, 0, 0, 0.50), 0 0 34px rgba(104, 255, 134, 0.055);
    }

    body[data-theme="midnight-neon"] {
      --bg: #030915;
      --bg2: #07172a;
      --panel: rgba(8, 18, 34, 0.94);
      --panel-solid: #081222;
      --panel-soft: rgba(15, 34, 58, 0.74);
      --line: rgba(82, 190, 255, 0.18);
      --line-strong: rgba(82, 190, 255, 0.42);
      --white: #ffffff;
      --text: #eef8ff;
      --muted: #a9c5df;
      --muted-2: #7690a9;
      --orange: #ffbd63;
      --orange-2: #ffd08d;
      --cyan: #55d7ff;
      --green: #9dffc8;
      --neon-green: #4dffb5;
      --poison-purple: #7f88ff;
      --red: #ff697f;
      --pink: #ff7ed8;
      --orange-rgb: 255, 189, 99;
      --cyan-rgb: 85, 215, 255;
      --green-rgb: 157, 255, 200;
      --neon-green-rgb: 77, 255, 181;
      --poison-purple-rgb: 127, 136, 255;
      --red-rgb: 255, 105, 127;
      --pink-rgb: 255, 126, 216;
      --aura-primary-rgb: 85, 215, 255;
      --aura-secondary-rgb: 77, 255, 181;
      --aura-tertiary-rgb: 127, 136, 255;
      --topbar: rgba(3, 9, 21, 0.91);
      --input-bg: rgba(9, 22, 39, 0.84);
      --input-bg-strong: rgba(9, 22, 39, 0.96);
      --surface: rgba(1, 8, 18, 0.42);
      --surface-soft: rgba(1, 8, 18, 0.28);
      --surface-hover: rgba(85, 215, 255, 0.09);
      --select-menu: rgba(4, 11, 23, 0.985);
      --canvas-bg-a: rgba(2, 8, 18, 0.98);
      --canvas-bg-b: rgba(6, 17, 31, 0.98);
      --hud-bg: rgba(3, 9, 21, 0.78);
      --legend-bg: rgba(3, 9, 21, 0.82);
      --grid-line: rgba(82, 190, 255, 0.065);
      --tile-walk: rgba(119, 155, 190, 0.22);
      --tile-wall: rgba(2, 7, 15, 0.95);
      --tile-wall-edge: rgba(82, 190, 255, 0.045);
      --tile-item-text: #d8fff0;
      --canvas-text-stroke: rgba(1, 5, 12, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(9, 22, 39, 0.99), rgba(3, 9, 21, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(85, 215, 255, 0.12), rgba(127, 136, 255, 0.08) 48%, rgba(77, 255, 181, 0.055));
      --canvas-overlay: radial-gradient(circle at 16% 14%, rgba(85, 215, 255, 0.09), transparent 32%), radial-gradient(circle at 82% 16%, rgba(127, 136, 255, 0.08), transparent 36%);
      --shadow: 0 24px 88px rgba(0, 0, 0, 0.54), 0 0 34px rgba(85, 215, 255, 0.055);
    }

    body[data-theme="obsidian-blue"] {
      --bg: #020304;
      --bg2: #07101b;
      --panel: rgba(8, 10, 14, 0.94);
      --panel-solid: #080a0e;
      --panel-soft: rgba(22, 27, 36, 0.78);
      --line: rgba(130, 172, 224, 0.17);
      --line-strong: rgba(230, 177, 91, 0.40);
      --white: #ffffff;
      --text: #f2f5fa;
      --muted: #b9c1cf;
      --muted-2: #7f8999;
      --orange: #e7a647;
      --orange-2: #f7c475;
      --cyan: #74b9ff;
      --green: #8ef5d1;
      --neon-green: #54eeb8;
      --poison-purple: #8b76ff;
      --red: #ff6377;
      --pink: #f58bd5;
      --orange-rgb: 231, 166, 71;
      --cyan-rgb: 116, 185, 255;
      --green-rgb: 142, 245, 209;
      --neon-green-rgb: 84, 238, 184;
      --poison-purple-rgb: 139, 118, 255;
      --red-rgb: 255, 99, 119;
      --pink-rgb: 245, 139, 213;
      --aura-primary-rgb: 116, 185, 255;
      --aura-secondary-rgb: 231, 166, 71;
      --aura-tertiary-rgb: 84, 238, 184;
      --topbar: rgba(2, 3, 4, 0.92);
      --input-bg: rgba(13, 16, 22, 0.86);
      --input-bg-strong: rgba(13, 16, 22, 0.97);
      --surface: rgba(0, 0, 0, 0.38);
      --surface-soft: rgba(0, 0, 0, 0.25);
      --surface-hover: rgba(231, 166, 71, 0.09);
      --select-menu: rgba(4, 5, 8, 0.985);
      --canvas-bg-a: rgba(1, 2, 4, 0.98);
      --canvas-bg-b: rgba(6, 10, 16, 0.98);
      --hud-bg: rgba(2, 3, 4, 0.78);
      --legend-bg: rgba(2, 3, 4, 0.82);
      --grid-line: rgba(130, 172, 224, 0.06);
      --tile-walk: rgba(144, 153, 168, 0.21);
      --tile-wall: rgba(1, 2, 4, 0.95);
      --tile-wall-edge: rgba(231, 166, 71, 0.035);
      --tile-item-text: #d5fff1;
      --canvas-text-stroke: rgba(0, 0, 0, 0.94);
      --toolbar-bg: linear-gradient(180deg, rgba(14, 17, 24, 0.99), rgba(2, 3, 4, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(116, 185, 255, 0.10), rgba(231, 166, 71, 0.09) 48%, rgba(84, 238, 184, 0.04));
      --canvas-overlay: radial-gradient(circle at 16% 10%, rgba(116, 185, 255, 0.07), transparent 34%), radial-gradient(circle at 80% 12%, rgba(231, 166, 71, 0.06), transparent 36%);
      --shadow: 0 26px 96px rgba(0, 0, 0, 0.60), 0 0 26px rgba(231, 166, 71, 0.045);
    }

    body[data-theme="studio-orange"] {
      --bg: #101113;
      --bg2: #1a1c20;
      --panel: rgba(31, 33, 37, 0.94);
      --panel-solid: #202226;
      --panel-soft: rgba(45, 48, 54, 0.78);
      --line: rgba(210, 214, 220, 0.14);
      --line-strong: rgba(255, 150, 58, 0.42);
      --white: #ffffff;
      --text: #e8eaed;
      --muted: #a9adb3;
      --muted-2: #73777f;
      --orange: #f28c28;
      --orange-2: #ffad42;
      --cyan: #9aa7b8;
      --green: #9ccca7;
      --neon-green: #9ccca7;
      --poison-purple: #b4b8c0;
      --red: #ff6f64;
      --pink: #d6a0b8;
      --orange-rgb: 242, 140, 40;
      --cyan-rgb: 154, 167, 184;
      --green-rgb: 156, 204, 167;
      --neon-green-rgb: 156, 204, 167;
      --poison-purple-rgb: 180, 184, 192;
      --red-rgb: 255, 111, 100;
      --pink-rgb: 214, 160, 184;
      --aura-primary-rgb: 242, 140, 40;
      --aura-secondary-rgb: 154, 167, 184;
      --aura-tertiary-rgb: 156, 204, 167;
      --topbar: rgba(18, 19, 22, 0.92);
      --input-bg: rgba(35, 37, 42, 0.86);
      --input-bg-strong: rgba(35, 37, 42, 0.98);
      --surface: rgba(42, 45, 51, 0.72);
      --surface-soft: rgba(42, 45, 51, 0.52);
      --surface-hover: rgba(242, 140, 40, 0.08);
      --select-menu: rgba(24, 26, 30, 0.99);
      --canvas-bg-a: rgba(16, 17, 19, 0.98);
      --canvas-bg-b: rgba(28, 30, 35, 0.98);
      --hud-bg: rgba(19, 20, 23, 0.84);
      --legend-bg: rgba(19, 20, 23, 0.88);
      --grid-line: rgba(210, 214, 220, 0.055);
      --tile-walk: rgba(128, 135, 145, 0.22);
      --tile-wall: rgba(10, 11, 13, 0.95);
      --tile-wall-edge: rgba(242, 140, 40, 0.04);
      --tile-item-text: #f0f2f4;
      --canvas-text-stroke: rgba(0, 0, 0, 0.94);
      --toolbar-bg: linear-gradient(180deg, rgba(39, 42, 48, 0.99), rgba(17, 18, 21, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(242, 140, 40, 0.11), rgba(154, 167, 184, 0.07) 48%, rgba(156, 204, 167, 0.035));
      --canvas-overlay: radial-gradient(circle at 15% 10%, rgba(242, 140, 40, 0.075), transparent 34%), radial-gradient(circle at 82% 15%, rgba(154, 167, 184, 0.055), transparent 36%);
      --shadow: 0 25px 88px rgba(0, 0, 0, 0.56), 0 0 30px rgba(242, 140, 40, 0.045);
    }

    body[data-theme="cyber-rose"] {
      --bg: #0b0310;
      --bg2: #18071e;
      --panel: rgba(21, 10, 28, 0.94);
      --panel-solid: #150a1c;
      --panel-soft: rgba(42, 20, 54, 0.72);
      --line: rgba(245, 113, 190, 0.18);
      --line-strong: rgba(224, 92, 255, 0.42);
      --white: #ffffff;
      --text: #fff3fb;
      --muted: #d8b7d0;
      --muted-2: #9b7895;
      --orange: #ff9a5a;
      --orange-2: #ffbe83;
      --cyan: #68e5ff;
      --green: #9affd2;
      --neon-green: #68ffbd;
      --poison-purple: #d06aff;
      --red: #ff5c74;
      --pink: #ff73bd;
      --orange-rgb: 255, 154, 90;
      --cyan-rgb: 104, 229, 255;
      --green-rgb: 154, 255, 210;
      --neon-green-rgb: 104, 255, 189;
      --poison-purple-rgb: 208, 106, 255;
      --red-rgb: 255, 92, 116;
      --pink-rgb: 255, 115, 189;
      --aura-primary-rgb: 255, 115, 189;
      --aura-secondary-rgb: 208, 106, 255;
      --aura-tertiary-rgb: 104, 229, 255;
      --topbar: rgba(11, 3, 16, 0.92);
      --input-bg: rgba(25, 12, 33, 0.86);
      --input-bg-strong: rgba(25, 12, 33, 0.97);
      --surface: rgba(8, 2, 12, 0.40);
      --surface-soft: rgba(8, 2, 12, 0.26);
      --surface-hover: rgba(255, 115, 189, 0.09);
      --select-menu: rgba(14, 5, 19, 0.985);
      --canvas-bg-a: rgba(8, 2, 12, 0.98);
      --canvas-bg-b: rgba(18, 7, 24, 0.98);
      --hud-bg: rgba(9, 3, 14, 0.78);
      --legend-bg: rgba(11, 3, 16, 0.82);
      --grid-line: rgba(245, 113, 190, 0.055);
      --tile-walk: rgba(184, 135, 177, 0.21);
      --tile-wall: rgba(7, 1, 10, 0.95);
      --tile-wall-edge: rgba(255, 115, 189, 0.04);
      --tile-item-text: #defeec;
      --canvas-text-stroke: rgba(6, 1, 9, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(24, 11, 32, 0.99), rgba(11, 3, 16, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(255, 115, 189, 0.12), rgba(208, 106, 255, 0.10) 48%, rgba(104, 229, 255, 0.04));
      --canvas-overlay: radial-gradient(circle at 14% 12%, rgba(255, 115, 189, 0.08), transparent 34%), radial-gradient(circle at 84% 18%, rgba(208, 106, 255, 0.08), transparent 36%);
      --shadow: 0 24px 92px rgba(0, 0, 0, 0.54), 0 0 34px rgba(255, 115, 189, 0.05);
    }

    body[data-theme="emerald-void"] {
      --bg: #040807;
      --bg2: #071712;
      --panel: rgba(8, 20, 16, 0.94);
      --panel-solid: #081410;
      --panel-soft: rgba(17, 39, 30, 0.75);
      --line: rgba(104, 255, 150, 0.18);
      --line-strong: rgba(161, 101, 255, 0.36);
      --white: #ffffff;
      --text: #f0fff6;
      --muted: #aecdbd;
      --muted-2: #789483;
      --orange: #ffc06b;
      --orange-2: #ffd18d;
      --cyan: #69ddff;
      --green: #8affac;
      --neon-green: #58ff86;
      --poison-purple: #a96dff;
      --red: #ff6870;
      --pink: #fb88d9;
      --orange-rgb: 255, 192, 107;
      --cyan-rgb: 105, 221, 255;
      --green-rgb: 138, 255, 172;
      --neon-green-rgb: 88, 255, 134;
      --poison-purple-rgb: 169, 109, 255;
      --red-rgb: 255, 104, 112;
      --pink-rgb: 251, 136, 217;
      --aura-primary-rgb: 88, 255, 134;
      --aura-secondary-rgb: 169, 109, 255;
      --aura-tertiary-rgb: 105, 221, 255;
      --topbar: rgba(4, 8, 7, 0.92);
      --input-bg: rgba(10, 26, 20, 0.86);
      --input-bg-strong: rgba(10, 26, 20, 0.97);
      --surface: rgba(0, 12, 7, 0.40);
      --surface-soft: rgba(0, 12, 7, 0.26);
      --surface-hover: rgba(88, 255, 134, 0.09);
      --select-menu: rgba(5, 12, 9, 0.985);
      --canvas-bg-a: rgba(3, 9, 7, 0.98);
      --canvas-bg-b: rgba(7, 19, 14, 0.98);
      --hud-bg: rgba(4, 10, 8, 0.78);
      --legend-bg: rgba(4, 8, 7, 0.82);
      --grid-line: rgba(104, 255, 150, 0.055);
      --tile-walk: rgba(128, 164, 143, 0.20);
      --tile-wall: rgba(2, 7, 5, 0.95);
      --tile-wall-edge: rgba(104, 255, 150, 0.04);
      --tile-item-text: #dcffe8;
      --canvas-text-stroke: rgba(1, 6, 4, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(10, 25, 20, 0.99), rgba(4, 8, 7, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(88, 255, 134, 0.12), rgba(169, 109, 255, 0.07) 48%, rgba(105, 221, 255, 0.045));
      --canvas-overlay: radial-gradient(circle at 18% 13%, rgba(88, 255, 134, 0.08), transparent 34%), radial-gradient(circle at 82% 18%, rgba(169, 109, 255, 0.06), transparent 36%);
      --shadow: 0 24px 88px rgba(0, 0, 0, 0.52), 0 0 34px rgba(88, 255, 134, 0.05);
    }

    body[data-theme="clean-light"] {
      --bg: #e9edf5;
      --bg2: #f8fbff;
      --panel: rgba(255, 255, 255, 0.91);
      --panel-solid: #ffffff;
      --panel-soft: rgba(230, 235, 245, 0.86);
      --line: rgba(36, 48, 70, 0.16);
      --line-strong: rgba(74, 88, 118, 0.32);
      --white: #111827;
      --text: #172033;
      --muted: #536077;
      --muted-2: #7b879b;
      --orange: #d76f18;
      --orange-2: #f39232;
      --cyan: #0d7cb1;
      --green: #168954;
      --neon-green: #159b58;
      --poison-purple: #6845d9;
      --red: #cc3148;
      --pink: #c13b9d;
      --orange-rgb: 215, 111, 24;
      --cyan-rgb: 13, 124, 177;
      --green-rgb: 22, 137, 84;
      --neon-green-rgb: 21, 155, 88;
      --poison-purple-rgb: 104, 69, 217;
      --red-rgb: 204, 49, 72;
      --pink-rgb: 193, 59, 157;
      --aura-primary-rgb: 104, 69, 217;
      --aura-secondary-rgb: 21, 155, 88;
      --aura-tertiary-rgb: 215, 111, 24;
      --topbar: rgba(250, 252, 255, 0.90);
      --input-bg: rgba(255, 255, 255, 0.78);
      --input-bg-strong: rgba(255, 255, 255, 0.98);
      --surface: rgba(237, 241, 248, 0.78);
      --surface-soft: rgba(237, 241, 248, 0.62);
      --surface-hover: rgba(104, 69, 217, 0.07);
      --select-menu: rgba(255, 255, 255, 0.99);
      --canvas-bg-a: rgba(236, 241, 248, 0.98);
      --canvas-bg-b: rgba(249, 251, 255, 0.98);
      --hud-bg: rgba(255, 255, 255, 0.84);
      --legend-bg: rgba(255, 255, 255, 0.86);
      --grid-line: rgba(36, 48, 70, 0.08);
      --tile-walk: rgba(78, 91, 111, 0.22);
      --tile-wall: rgba(210, 218, 231, 0.88);
      --tile-wall-edge: rgba(36, 48, 70, 0.07);
      --tile-item-text: #0c5c35;
      --canvas-text-stroke: rgba(255, 255, 255, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 243, 250, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(104, 69, 217, 0.08), rgba(21, 155, 88, 0.06) 48%, rgba(215, 111, 24, 0.045));
      --canvas-overlay: radial-gradient(circle at 15% 10%, rgba(104, 69, 217, 0.055), transparent 34%), radial-gradient(circle at 82% 15%, rgba(21, 155, 88, 0.045), transparent 36%);
      --shadow: 0 22px 70px rgba(34, 45, 66, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.34);
    }

    body[data-theme="arcane-paper"] {
      --bg: #090a0c;
      --bg2: #15171b;
      --panel: rgba(18, 20, 24, 0.94);
      --panel-solid: #121418;
      --panel-soft: rgba(35, 38, 44, 0.82);
      --line: rgba(200, 207, 218, 0.16);
      --line-strong: rgba(224, 229, 238, 0.34);
      --white: #f7f8fa;
      --text: #e2e5ea;
      --muted: #a8afb9;
      --muted-2: #737b87;
      --orange: #c7cdd6;
      --orange-2: #e2e6ec;
      --cyan: #aeb7c4;
      --green: #bcc2cb;
      --neon-green: #d6dbe3;
      --poison-purple: #9da5b1;
      --red: #e56d73;
      --pink: #b5bac4;
      --orange-rgb: 199, 205, 214;
      --cyan-rgb: 174, 183, 196;
      --green-rgb: 188, 194, 203;
      --neon-green-rgb: 214, 219, 227;
      --poison-purple-rgb: 157, 165, 177;
      --red-rgb: 229, 109, 115;
      --pink-rgb: 181, 186, 196;
      --aura-primary-rgb: 214, 219, 227;
      --aura-secondary-rgb: 157, 165, 177;
      --aura-tertiary-rgb: 199, 205, 214;
      --topbar: rgba(9, 10, 12, 0.92);
      --input-bg: rgba(20, 22, 26, 0.86);
      --input-bg-strong: rgba(20, 22, 26, 0.98);
      --surface: rgba(30, 33, 38, 0.78);
      --surface-soft: rgba(30, 33, 38, 0.56);
      --surface-hover: rgba(224, 229, 238, 0.07);
      --select-menu: rgba(12, 13, 16, 0.99);
      --canvas-bg-a: rgba(9, 10, 12, 0.98);
      --canvas-bg-b: rgba(20, 22, 27, 0.98);
      --hud-bg: rgba(10, 11, 13, 0.84);
      --legend-bg: rgba(10, 11, 13, 0.88);
      --grid-line: rgba(200, 207, 218, 0.065);
      --tile-walk: rgba(120, 128, 140, 0.22);
      --tile-wall: rgba(7, 8, 10, 0.95);
      --tile-wall-edge: rgba(224, 229, 238, 0.045);
      --tile-item-text: #e6e9ee;
      --canvas-text-stroke: rgba(0, 0, 0, 0.94);
      --toolbar-bg: linear-gradient(180deg, rgba(24, 27, 32, 0.99), rgba(9, 10, 12, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(224, 229, 238, 0.09), rgba(157, 165, 177, 0.07) 48%, rgba(199, 205, 214, 0.04));
      --canvas-overlay: radial-gradient(circle at 15% 10%, rgba(224, 229, 238, 0.055), transparent 34%), radial-gradient(circle at 82% 15%, rgba(157, 165, 177, 0.045), transparent 36%);
      --shadow: 0 24px 82px rgba(0, 0, 0, 0.58), 0 0 28px rgba(224, 229, 238, 0.035);
    }

    body[data-theme="soft-terminal"] {
      --bg: #eaf7ef;
      --bg2: #fbfffd;
      --panel: rgba(250, 255, 252, 0.92);
      --panel-solid: #fafffc;
      --panel-soft: rgba(219, 239, 228, 0.86);
      --line: rgba(31, 78, 55, 0.16);
      --line-strong: rgba(112, 75, 210, 0.32);
      --white: #0d2016;
      --text: #12251b;
      --muted: #496352;
      --muted-2: #738778;
      --orange: #c9771b;
      --orange-2: #e7902c;
      --cyan: #147da0;
      --green: #167c4b;
      --neon-green: #12a85a;
      --poison-purple: #704bd2;
      --red: #c8374b;
      --pink: #bb3c98;
      --orange-rgb: 201, 119, 27;
      --cyan-rgb: 20, 125, 160;
      --green-rgb: 22, 124, 75;
      --neon-green-rgb: 18, 168, 90;
      --poison-purple-rgb: 112, 75, 210;
      --red-rgb: 200, 55, 75;
      --pink-rgb: 187, 60, 152;
      --aura-primary-rgb: 18, 168, 90;
      --aura-secondary-rgb: 112, 75, 210;
      --aura-tertiary-rgb: 201, 119, 27;
      --topbar: rgba(250, 255, 252, 0.91);
      --input-bg: rgba(255, 255, 255, 0.76);
      --input-bg-strong: rgba(255, 255, 255, 0.98);
      --surface: rgba(223, 243, 232, 0.80);
      --surface-soft: rgba(223, 243, 232, 0.62);
      --surface-hover: rgba(18, 168, 90, 0.07);
      --select-menu: rgba(250, 255, 252, 0.99);
      --canvas-bg-a: rgba(233, 247, 240, 0.98);
      --canvas-bg-b: rgba(251, 255, 253, 0.98);
      --hud-bg: rgba(250, 255, 252, 0.84);
      --legend-bg: rgba(250, 255, 252, 0.88);
      --grid-line: rgba(31, 78, 55, 0.075);
      --tile-walk: rgba(73, 99, 82, 0.21);
      --tile-wall: rgba(203, 224, 213, 0.88);
      --tile-wall-edge: rgba(31, 78, 55, 0.07);
      --tile-item-text: #075631;
      --canvas-text-stroke: rgba(250, 255, 252, 0.92);
      --toolbar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(225, 244, 234, 0.94));
      --panel-highlight: linear-gradient(135deg, rgba(18, 168, 90, 0.08), rgba(112, 75, 210, 0.055) 48%, rgba(201, 119, 27, 0.045));
      --canvas-overlay: radial-gradient(circle at 15% 10%, rgba(18, 168, 90, 0.05), transparent 34%), radial-gradient(circle at 82% 15%, rgba(112, 75, 210, 0.042), transparent 36%);
      --shadow: 0 20px 66px rgba(29, 74, 50, 0.14), 0 0 0 1px rgba(255, 255, 255, 0.36);
    }