:root {
    --page-bg: linear-gradient(180deg, #f9fafb 0%, #f1f5f9 100%);
    --panel-bg: #ffffff;
    --panel-border: #e5e7eb;
    --panel-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    --text-main: #243041;
    --text-strong: #1f2937;
    --text-muted: #667085;
    --text-soft: #526072;
    --primary: #166534;
    --primary-hover: #14532d;
    --primary-contrast: #ffffff;
    --secondary-bg: #ffffff;
    --secondary-border: #d4dbe5;
    --secondary-text: #243041;
    --soft-bg: #f8fafc;
    --soft-border: #d9e2ec;
    --input-bg: #fcfcfd;
    --input-border: #d4dbe5;
    --preview-bg: #f8fafc;
    --preview-border: #e2e8f0;
    --status-bg: #eff6ff;
    --status-text: #1d4ed8;
    --warning-bg: #fffbeb;
    --warning-border: #f5d48f;
    --warning-text: #92400e;
    --danger-bg: #fef3f2;
    --danger-border: #fecdca;
    --danger-text: #b42318;
    --link-color: #166534;
    --overlay-bg: rgba(15, 23, 42, 0.82);
    --avatar-bg: linear-gradient(135deg, #d6e4dd 0%, #f2e8d5 100%);
}

:root[data-web-theme="mist-blue"],
body[data-web-theme="mist-blue"] {
    --page-bg: linear-gradient(180deg, #eef6ff 0%, #e0edf9 100%);
    --panel-bg: #ffffff;
    --panel-border: #cfe0f3;
    --panel-shadow: 0 18px 42px rgba(52, 92, 143, 0.14);
    --text-main: #22324a;
    --text-strong: #1b2941;
    --text-muted: #53667f;
    --text-soft: #4a6280;
    --primary: #2f6faa;
    --primary-hover: #245985;
    --secondary-border: #bed2e8;
    --soft-bg: #f1f7fd;
    --soft-border: #d4e3f3;
    --input-bg: #f9fcff;
    --input-border: #bed2e8;
    --preview-bg: #f2f8ff;
    --preview-border: #d4e3f3;
    --status-bg: #e0efff;
    --status-text: #215c99;
    --warning-bg: #f4f8ff;
    --warning-border: #c7d8f4;
    --warning-text: #355782;
    --danger-bg: #fff1f3;
    --danger-border: #f7c8d1;
    --danger-text: #b42345;
    --link-color: #2f6faa;
    --avatar-bg: linear-gradient(135deg, #cdddf3 0%, #eef5fb 100%);
}

:root[data-web-theme="peach-blossom"],
body[data-web-theme="peach-blossom"] {
    --page-bg: linear-gradient(180deg, #fff6f7 0%, #fdf0eb 100%);
    --panel-bg: #fffdfc;
    --panel-border: #f0d8d3;
    --panel-shadow: 0 18px 42px rgba(160, 110, 102, 0.14);
    --text-main: #433038;
    --text-strong: #38262e;
    --text-muted: #7d5c65;
    --text-soft: #71525a;
    --primary: #c86d73;
    --primary-hover: #a85058;
    --secondary-border: #e8c9c4;
    --soft-bg: #fff4f2;
    --soft-border: #f2d8d2;
    --input-bg: #fffdfc;
    --input-border: #e8c9c4;
    --preview-bg: #fff7f5;
    --preview-border: #f1d7d0;
    --status-bg: #fde9eb;
    --status-text: #ad4a55;
    --warning-bg: #fff7f0;
    --warning-border: #f4d3b0;
    --warning-text: #9c5b31;
    --danger-bg: #fff0f1;
    --danger-border: #f4c9cf;
    --danger-text: #b42355;
    --link-color: #b55a63;
    --avatar-bg: linear-gradient(135deg, #f3d7d8 0%, #f7ebdf 100%);
}

:root[data-web-theme="jade-bamboo"],
body[data-web-theme="jade-bamboo"] {
    --page-bg: linear-gradient(180deg, #f4fbf6 0%, #e7f3ec 100%);
    --panel-bg: #fcfffd;
    --panel-border: #d1e3d8;
    --panel-shadow: 0 18px 42px rgba(58, 111, 84, 0.13);
    --text-main: #23372d;
    --text-strong: #1a2c23;
    --text-muted: #5a7265;
    --text-soft: #4e685a;
    --primary: #2f7d57;
    --primary-hover: #246344;
    --secondary-border: #c7ddcf;
    --soft-bg: #f3faf5;
    --soft-border: #d6e7db;
    --input-bg: #fbfefc;
    --input-border: #c7ddcf;
    --preview-bg: #f3faf5;
    --preview-border: #d6e7db;
    --status-bg: #e5f6eb;
    --status-text: #1f6a47;
    --warning-bg: #f6fbef;
    --warning-border: #d6e6b7;
    --warning-text: #5a6c22;
    --danger-bg: #fff3f2;
    --danger-border: #f4ccc8;
    --danger-text: #b9382c;
    --link-color: #2f7d57;
    --avatar-bg: linear-gradient(135deg, #d2e8d8 0%, #eef3df 100%);
}

:root[data-web-theme="orchid-dusk"],
body[data-web-theme="orchid-dusk"] {
    --page-bg: linear-gradient(180deg, #f7f4ff 0%, #ece7f9 100%);
    --panel-bg: #fcfbff;
    --panel-border: #d9d2ec;
    --panel-shadow: 0 18px 42px rgba(90, 77, 138, 0.14);
    --text-main: #2f2d47;
    --text-strong: #24223a;
    --text-muted: #66627f;
    --text-soft: #5c5b74;
    --primary: #6f59b6;
    --primary-hover: #5b46a7;
    --secondary-border: #cec5e6;
    --soft-bg: #f5f2fd;
    --soft-border: #ddd6ef;
    --input-bg: #fdfcff;
    --input-border: #cec5e6;
    --preview-bg: #f6f3fd;
    --preview-border: #ddd6ef;
    --status-bg: #ece7fb;
    --status-text: #5b46a7;
    --warning-bg: #f9f2ff;
    --warning-border: #decdf9;
    --warning-text: #6a3fb2;
    --danger-bg: #fff0f8;
    --danger-border: #f4cbe3;
    --danger-text: #b42376;
    --link-color: #6f59b6;
    --avatar-bg: linear-gradient(135deg, #dfd6f1 0%, #efe8f7 100%);
}

:root[data-web-theme="autumn-gold"],
body[data-web-theme="autumn-gold"] {
    --page-bg: linear-gradient(180deg, #fff9f0 0%, #f8eedf 100%);
    --panel-bg: #fffdf9;
    --panel-border: #ead9bc;
    --panel-shadow: 0 18px 42px rgba(139, 111, 60, 0.15);
    --text-main: #3d3326;
    --text-strong: #30271d;
    --text-muted: #77624a;
    --text-soft: #6d5940;
    --primary: #a56a1f;
    --primary-hover: #8a5614;
    --secondary-border: #dfccac;
    --soft-bg: #fff8ec;
    --soft-border: #eadcbc;
    --input-bg: #fffdfa;
    --input-border: #dfccac;
    --preview-bg: #fff8ef;
    --preview-border: #ebddc2;
    --status-bg: #fff0d4;
    --status-text: #986019;
    --warning-bg: #fff4db;
    --warning-border: #efcf93;
    --warning-text: #8f611c;
    --danger-bg: #fff1eb;
    --danger-border: #f5d0c5;
    --danger-text: #b64b23;
    --link-color: #9a621e;
    --avatar-bg: linear-gradient(135deg, #ecd9b8 0%, #f5e8cf 100%);
}

:root[data-web-theme="ink-night"],
body[data-web-theme="ink-night"] {
    --page-bg: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    --panel-bg: #111c34;
    --panel-border: #223252;
    --panel-shadow: 0 20px 48px rgba(2, 6, 23, 0.42);
    --text-main: #e5eefb;
    --text-strong: #f8fafc;
    --text-muted: #b2c3df;
    --text-soft: #c5d5ef;
    --primary: #38b887;
    --primary-hover: #2b9b71;
    --primary-contrast: #08111f;
    --secondary-bg: #13213c;
    --secondary-border: #2c3d60;
    --secondary-text: #e5eefb;
    --soft-bg: #172441;
    --soft-border: #2a3a5d;
    --input-bg: #13213c;
    --input-border: #314567;
    --preview-bg: #172441;
    --preview-border: #2c3d60;
    --status-bg: #10314c;
    --status-text: #7dd3fc;
    --warning-bg: #2c2208;
    --warning-border: #735817;
    --warning-text: #facc15;
    --danger-bg: #341821;
    --danger-border: #7f1d1d;
    --danger-text: #fda4af;
    --link-color: #5eead4;
    --overlay-bg: rgba(2, 6, 23, 0.9);
    --avatar-bg: linear-gradient(135deg, #1d3657 0%, #1f6d5a 100%);
}

:root[data-web-theme="crimson-ink"],
body[data-web-theme="crimson-ink"] {
    --page-bg: linear-gradient(180deg, #fff7f5 0%, #fde8e4 100%);
    --panel-bg: #fffdfc;
    --panel-border: #f2c7bd;
    --panel-shadow: 0 18px 42px rgba(123, 42, 35, 0.16);
    --text-main: #411f22;
    --text-strong: #2f1417;
    --text-muted: #7f4a4d;
    --text-soft: #6f3c3f;
    --primary: #b42318;
    --primary-hover: #8f1c13;
    --secondary-border: #dfb0a8;
    --soft-bg: #fff3f0;
    --soft-border: #efc5be;
    --input-bg: #fffdfc;
    --input-border: #dfb0a8;
    --preview-bg: #fff5f2;
    --preview-border: #efc5be;
    --status-bg: #fee4e2;
    --status-text: #b42318;
    --warning-bg: #fff3e1;
    --warning-border: #f1c48c;
    --warning-text: #9c4b16;
    --danger-bg: #fde8e4;
    --danger-border: #f5b4a7;
    --danger-text: #912018;
    --link-color: #b42318;
    --avatar-bg: linear-gradient(135deg, #f4c1ba 0%, #f5ddc0 100%);
}

:root[data-web-theme="ocean-night"],
body[data-web-theme="ocean-night"] {
    --page-bg: linear-gradient(180deg, #071423 0%, #0b1c2f 100%);
    --panel-bg: #0e2238;
    --panel-border: #1d4366;
    --panel-shadow: 0 20px 48px rgba(2, 12, 27, 0.46);
    --text-main: #d9ecff;
    --text-strong: #f8fbff;
    --text-muted: #9dc1df;
    --text-soft: #bad5ea;
    --primary: #38bdf8;
    --primary-hover: #0ea5e9;
    --primary-contrast: #062033;
    --secondary-bg: #102841;
    --secondary-border: #29557d;
    --secondary-text: #d9ecff;
    --soft-bg: #112b46;
    --soft-border: #28587f;
    --input-bg: #102841;
    --input-border: #306287;
    --preview-bg: #112b46;
    --preview-border: #28587f;
    --status-bg: #0b3650;
    --status-text: #7dd3fc;
    --warning-bg: #2f2207;
    --warning-border: #7b5b11;
    --warning-text: #facc15;
    --danger-bg: #321c2c;
    --danger-border: #7e224e;
    --danger-text: #f9a8d4;
    --link-color: #67e8f9;
    --overlay-bg: rgba(2, 12, 27, 0.92);
    --avatar-bg: linear-gradient(135deg, #173b60 0%, #1f87a7 100%);
}

:root[data-web-theme="graphite-lime"],
body[data-web-theme="graphite-lime"] {
    --page-bg: linear-gradient(180deg, #15191d 0%, #1c2227 100%);
    --panel-bg: #1d2429;
    --panel-border: #364147;
    --panel-shadow: 0 20px 48px rgba(4, 6, 8, 0.4);
    --text-main: #edf2f7;
    --text-strong: #ffffff;
    --text-muted: #c0c8ce;
    --text-soft: #d5dde3;
    --primary: #b7f34a;
    --primary-hover: #95ca28;
    --primary-contrast: #182007;
    --secondary-bg: #21282e;
    --secondary-border: #49545a;
    --secondary-text: #edf2f7;
    --soft-bg: #242d33;
    --soft-border: #445057;
    --input-bg: #21282e;
    --input-border: #4d5960;
    --preview-bg: #242d33;
    --preview-border: #445057;
    --status-bg: #2d3e18;
    --status-text: #d9f99d;
    --warning-bg: #332806;
    --warning-border: #7d6711;
    --warning-text: #fde047;
    --danger-bg: #3a1f20;
    --danger-border: #8d2d31;
    --danger-text: #fda4af;
    --link-color: #d9f99d;
    --overlay-bg: rgba(8, 10, 12, 0.9);
    --avatar-bg: linear-gradient(135deg, #3a474e 0%, #6a8b20 100%);
}

:root[data-web-theme="aurora-teal"],
body[data-web-theme="aurora-teal"] {
    --page-bg: linear-gradient(180deg, #f3fcfb 0%, #e6f6f3 100%);
    --panel-bg: #ffffff;
    --panel-border: #c8e5de;
    --panel-shadow: 0 18px 42px rgba(28, 104, 96, 0.14);
    --text-main: #1f3735;
    --text-strong: #152b29;
    --text-muted: #56716d;
    --text-soft: #496663;
    --primary: #0f766e;
    --primary-hover: #0a5b56;
    --secondary-border: #b7dcd4;
    --soft-bg: #f1fbf8;
    --soft-border: #d3ebe5;
    --input-bg: #fbfefd;
    --input-border: #b7dcd4;
    --preview-bg: #eef9f6;
    --preview-border: #d3ebe5;
    --status-bg: #ddf7f3;
    --status-text: #0f766e;
    --warning-bg: #fff4de;
    --warning-border: #efc987;
    --warning-text: #985a12;
    --danger-bg: #fff1f0;
    --danger-border: #f2c0bb;
    --danger-text: #b42318;
    --link-color: #0f766e;
    --avatar-bg: linear-gradient(135deg, #c3e7df 0%, #d9efdf 100%);
}

:root[data-web-theme="plum-night"],
body[data-web-theme="plum-night"] {
    --page-bg: linear-gradient(180deg, #1d1525 0%, #261833 100%);
    --panel-bg: #2a1d38;
    --panel-border: #4b3260;
    --panel-shadow: 0 20px 48px rgba(12, 6, 18, 0.46);
    --text-main: #f4eefe;
    --text-strong: #ffffff;
    --text-muted: #d4c7e6;
    --text-soft: #e3d7f2;
    --primary: #f0abfc;
    --primary-hover: #e879f9;
    --primary-contrast: #2a1036;
    --secondary-bg: #311f42;
    --secondary-border: #5b3d73;
    --secondary-text: #f4eefe;
    --soft-bg: #342348;
    --soft-border: #5a3d71;
    --input-bg: #311f42;
    --input-border: #674683;
    --preview-bg: #342348;
    --preview-border: #5a3d71;
    --status-bg: #2d274a;
    --status-text: #c4b5fd;
    --warning-bg: #3b2b0f;
    --warning-border: #8a681a;
    --warning-text: #fde68a;
    --danger-bg: #421f2f;
    --danger-border: #8f2d56;
    --danger-text: #f9a8d4;
    --link-color: #f5d0fe;
    --overlay-bg: rgba(10, 6, 16, 0.9);
    --avatar-bg: linear-gradient(135deg, #51316a 0%, #8d4f8e 100%);
}