:root {
--primary-50: #eef2ff;
--primary-500: #1e15c3;
--primary-600: #130791;
--gray-50: #f9fafb;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;
--body-bg: linear-gradient(135deg, #ffffff 0%, #1207911a 50%, #ffffff 100%);
--card-bg: rgba(255, 255, 255, 0.95);
--popup-bg: #ffffff;
--hover-bg: rgba(243, 244, 246, 0.8);
--border-color: var(--gray-200);
--text-primary: var(--gray-900);
--text-secondary: var(--gray-600);
--text-muted: var(--gray-500);
--success: #10b981;
--warning: #f59e0b;
--error: #ef4444;
--sidebar-width: 208px;
--sidebar-bg: var(--card-bg);
--sidebar-border: var(--border-color);
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
textarea {resize: none;}
}
[data-theme="dark"] {
--primary-50: #0a0a0a;
--primary-500: #1e15c3;
--primary-600: #130791;
--body-bg: linear-gradient(135deg, #0d0d0d 0%, #0f0f1a 50%, #0d0d0d 100%);
--card-bg: rgba(20, 20, 20, 0.6);
--popup-bg: #141414;
--hover-bg: rgba(28, 28, 28, 0.7);
--border-color: #262626;
--gray-100: #0f0f0f;
--gray-200: #1a1a1a;
--text-primary: #f3f4f6;
--text-secondary: #cfd2f0;
--text-muted: #a0a3b8;
--success: #34d399;
--warning: #facc15;
--error: #f87171;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #1c1c1c);
--logo-filter: brightness(0) invert(1);
}
[data-theme="parchment"] {
--primary-50: #fef9ec;
--primary-500: #b8860b;
--primary-600: #8b6309;
--body-bg: linear-gradient(135deg, #fffef5 0%, #f8eecc 50%, #fffef5 100%);
--card-bg: rgba(255, 253, 240, 0.95);
--popup-bg: #fffef5;
--hover-bg: rgba(248, 238, 204, 0.82);
--border-color: #e8d8a0;
--gray-100: #faf4de;
--gray-200: #f0e6c0;
--text-primary: #3c2808;
--text-secondary: #785820;
--text-muted: #a88040;
--success: #2e7d52;
--warning: #b45309;
--error: #c03020;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
}
[data-theme="blossom"] {
--primary-50: #fdf2f7;
--primary-500: #e0478a;
--primary-600: #be2d72;
--body-bg: linear-gradient(135deg, #fff8fc 0%, #fce4f2 50%, #fff8fc 100%);
--card-bg: rgba(255, 248, 252, 0.95);
--popup-bg: #fff8fc;
--hover-bg: rgba(252, 228, 242, 0.82);
--border-color: #f4bcd8;
--gray-100: #fef0f8;
--gray-200: #fbd8ee;
--text-primary: #4a0828;
--text-secondary: #921850;
--text-muted: #c05880;
--success: #0d9488;
--warning: #d97706;
--error: #dc2626;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
}
[data-theme="seaglass"] {
--primary-50: #ecfdf8;
--primary-500: #0e9282;
--primary-600: #0a7068;
--body-bg: linear-gradient(135deg, #f0fdf9 0%, #c8f5ec 50%, #f0fdf9 100%);
--card-bg: rgba(240, 253, 249, 0.95);
--popup-bg: #f0fdf9;
--hover-bg: rgba(200, 245, 236, 0.80);
--border-color: #92e0d0;
--gray-100: #ddf8f2;
--gray-200: #b8eedf;
--text-primary: #0a3028;
--text-secondary: #0e6058;
--text-muted: #388880;
--success: #047857;
--warning: #b45309;
--error: #c83030;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
}
[data-theme="wisteria"] {
--primary-50: #f5f0ff;
--primary-500: #7c4fd8;
--primary-600: #6030c0;
--body-bg: linear-gradient(135deg, #faf7ff 0%, #ecdeff 50%, #faf7ff 100%);
--card-bg: rgba(250, 247, 255, 0.95);
--popup-bg: #faf7ff;
--hover-bg: rgba(236, 222, 255, 0.82);
--border-color: #d0b8f4;
--gray-100: #f0e8ff;
--gray-200: #e0d0f8;
--text-primary: #2e1060;
--text-secondary: #5c2898;
--text-muted: #8858c8;
--success: #047857;
--warning: #c08010;
--error: #c03050;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
}
[data-theme="sunrise"] {
--primary-50: #fff5ec;
--primary-500: #e06830;
--primary-600: #c04818;
--body-bg: linear-gradient(135deg, #fffaf6 0%, #fde8d0 50%, #fffaf6 100%);
--card-bg: rgba(255, 250, 246, 0.95);
--popup-bg: #fffaf6;
--hover-bg: rgba(253, 232, 208, 0.82);
--border-color: #f8c898;
--gray-100: #fef0e0;
--gray-200: #fad8c0;
--text-primary: #3c1808;
--text-secondary: #803028;
--text-muted: #b86048;
--success: #2e7d52;
--warning: #b45309;
--error: #c03020;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
}
[data-theme="glacier"] {
--primary-50: #f0f6ff;
--primary-500: #3b7dd8;
--primary-600: #2460b8;
--body-bg: linear-gradient(135deg, #f8fbff 0%, #daeeff 50%, #f8fbff 100%);
--card-bg: rgba(248, 251, 255, 0.95);
--popup-bg: #f8fbff;
--hover-bg: rgba(218, 238, 255, 0.82);
--border-color: #a8d0f0;
--gray-100: #e8f4ff;
--gray-200: #c8e4f8;
--text-primary: #0c2040;
--text-secondary: #284878;
--text-muted: #507098;
--success: #047857;
--warning: #b45309;
--error: #c03020;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), var(--primary-50));
--logo-filter: none;
}
[data-theme="forest"] {
--primary-50: #1a3020;
--primary-500: #4ec880;
--primary-600: #30a860;
--body-bg: linear-gradient(135deg, #101c12 0%, #1e3220 50%, #101c12 100%);
--card-bg: rgba(18, 30, 20, 0.72);
--popup-bg: #182816;
--hover-bg: rgba(30, 50, 34, 0.80);
--border-color: rgba(78, 200, 128, 0.18);
--gray-100: #18280e;
--gray-200: #223818;
--text-primary: #d8f8e0;
--text-secondary: #88d8a0;
--text-muted: #508860;
--success: #30c870;
--warning: #d8a838;
--error: #e86050;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #0c1a0e);
--logo-filter: brightness(0) invert(1);
}
[data-theme="ink"] {
--primary-50: #18243e;
--primary-500: #5888f8;
--primary-600: #3060e0;
--body-bg: linear-gradient(135deg, #0e1628 0%, #182038 50%, #0e1628 100%);
--card-bg: rgba(16, 22, 40, 0.72);
--popup-bg: #141e36;
--hover-bg: rgba(28, 36, 60, 0.80);
--border-color: rgba(88, 136, 248, 0.20);
--gray-100: #141e38;
--gray-200: #1e2c50;
--text-primary: #d8e8ff;
--text-secondary: #88a8e8;
--text-muted: #506888;
--success: #30d880;
--warning: #e8b830;
--error: #e85870;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #080e1c);
--logo-filter: brightness(0) invert(1);
}
[data-theme="terracotta"] {
--primary-50: #3c2010;
--primary-500: #e07040;
--primary-600: #c05020;
--body-bg: linear-gradient(135deg, #281408 0%, #402418 50%, #281408 100%);
--card-bg: rgba(40, 22, 12, 0.72);
--popup-bg: #361c0e;
--hover-bg: rgba(60, 32, 18, 0.80);
--border-color: rgba(224, 112, 64, 0.20);
--gray-100: #341a0a;
--gray-200: #4a2812;
--text-primary: #f8e0cc;
--text-secondary: #d09070;
--text-muted: #a06848;
--success: #40c870;
--warning: #e8a830;
--error: #f05848;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #1e0e06);
--logo-filter: brightness(0) invert(1);
}
[data-theme="plum"] {
--primary-50: #341048;
--primary-500: #b050e8;
--primary-600: #8830c8;
--body-bg: linear-gradient(135deg, #1e0a30 0%, #300e48 50%, #1e0a30 100%);
--card-bg: rgba(32, 12, 48, 0.72);
--popup-bg: #2a1040;
--hover-bg: rgba(50, 20, 70, 0.80);
--border-color: rgba(176, 80, 232, 0.22);
--gray-100: #281040;
--gray-200: #381858;
--text-primary: #f0d8ff;
--text-secondary: #c080e8;
--text-muted: #8848b0;
--success: #40d890;
--warning: #e8b840;
--error: #f05878;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #180826);
--logo-filter: brightness(0) invert(1);
}
[data-theme="teal-depths"] {
--primary-50: #0e2830;
--primary-500: #00d8c8;
--primary-600: #00b0a0;
--body-bg: linear-gradient(135deg, #081820 0%, #0e2430 50%, #081820 100%);
--card-bg: rgba(10, 24, 32, 0.72);
--popup-bg: #0c2030;
--hover-bg: rgba(16, 38, 50, 0.80);
--border-color: rgba(0, 216, 200, 0.18);
--gray-100: #0a1e28;
--gray-200: #122c3a;
--text-primary: #c8f8f4;
--text-secondary: #60d8d0;
--text-muted: #389890;
--success: #00c8b0;
--warning: #e8c040;
--error: #f05868;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #040e14);
--logo-filter: brightness(0) invert(1);
}
[data-theme="bronze"] {
--primary-50: #2a1808;
--primary-500: #c87a30;
--primary-600: #a05818;
--body-bg: linear-gradient(135deg, #1a1008 0%, #2e1e0a 50%, #1a1008 100%);
--card-bg: rgba(34, 22, 8, 0.82);
--popup-bg: #261808;
--hover-bg: rgba(50, 32, 12, 0.86);
--border-color: rgba(200, 122, 48, 0.20);
--gray-100: #221408;
--gray-200: #321e0e;
--text-primary: #f4e0c0;
--text-secondary: #c89060;
--text-muted: #886038;
--success: #38d880;
--warning: #e8a830;
--error: #e86050;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #180e04);
--logo-filter: brightness(0) invert(1);
}
[data-theme="midnight"] {
--primary-50: #060e1c;
--primary-500: #4488ff;
--primary-600: #2268e8;
--body-bg: linear-gradient(135deg, #040810 0%, #0a1424 50%, #040810 100%);
--card-bg: rgba(7, 12, 26, 0.82);
--popup-bg: #070e20;
--hover-bg: rgba(12, 20, 42, 0.88);
--border-color: rgba(68, 136, 255, 0.16);
--gray-100: #070c1a;
--gray-200: #0e162c;
--text-primary: #d0e4ff;
--text-secondary: #6888d8;
--text-muted: #3e5878;
--success: #28d878;
--warning: #e8b828;
--error: #e85060;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #060c18);
--logo-filter: brightness(0) invert(1);
}
[data-theme="deep-space"] {
--primary-50: #0d0520;
--primary-500: #a060f0;
--primary-600: #7838d0;
--body-bg: linear-gradient(135deg, #080412 0%, #130a24 50%, #080412 100%);
--card-bg: rgba(12, 6, 22, 0.84);
--popup-bg: #0e0820;
--hover-bg: rgba(20, 10, 36, 0.88);
--border-color: rgba(160, 96, 240, 0.18);
--gray-100: #0c0616;
--gray-200: #140d28;
--text-primary: #e8d8ff;
--text-secondary: #9870d8;
--text-muted: #5838a0;
--success: #28d888;
--warning: #d8a828;
--error: #e83858;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #0c0618);
--logo-filter: brightness(0) invert(1);
}
[data-theme="coal-fire"] {
--primary-50: #1e0e04;
--primary-500: #f87030;
--primary-600: #d85018;
--body-bg: linear-gradient(135deg, #0e0602 0%, #1e0e06 50%, #0e0602 100%);
--card-bg: rgba(18, 8, 2, 0.84);
--popup-bg: #1a0c06;
--hover-bg: rgba(32, 14, 4, 0.88);
--border-color: rgba(248, 112, 48, 0.18);
--gray-100: #180c06;
--gray-200: #28140a;
--text-primary: #f8e8d8;
--text-secondary: #d08060;
--text-muted: #906048;
--success: #30d878;
--warning: #f88030;
--error: #f04050;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #140804);
--logo-filter: brightness(0) invert(1);
}
[data-theme="blood-moon"] {
--primary-50: #1e060c;
--primary-500: #e02840;
--primary-600: #b01028;
--body-bg: linear-gradient(135deg, #110406 0%, #22080c 50%, #110406 100%);
--card-bg: rgba(18, 4, 6, 0.84);
--popup-bg: #1c0a0e;
--hover-bg: rgba(34, 10, 14, 0.88);
--border-color: rgba(224, 40, 64, 0.18);
--gray-100: #180c0e;
--gray-200: #281214;
--text-primary: #f8d8d8;
--text-secondary: #d06070;
--text-muted: #904858;
--success: #28d870;
--warning: #e8b828;
--error: #f02848;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #180608);
--logo-filter: brightness(0) invert(1);
}
[data-theme="arctic-night"] {
--primary-50: #041410;
--primary-500: #00d890;
--primary-600: #00b070;
--body-bg: linear-gradient(135deg, #020a08 0%, #061410 50%, #020a08 100%);
--card-bg: rgba(4, 12, 10, 0.76);
--popup-bg: #061412;
--hover-bg: rgba(8, 22, 18, 0.88);
--border-color: rgba(0, 216, 144, 0.14);
--gray-100: #061210;
--gray-200: #0c1e18;
--text-primary: #d0f8ec;
--text-secondary: #50c8a0;
--text-muted: #288868;
--success: #00d890;
--warning: #d8c028;
--error: #e84850;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #020a08);
--logo-filter: brightness(0) invert(1);
}
[data-theme="carbon"] {
--primary-50: #141414;
--primary-500: #808898;
--primary-600: #5c6470;
--body-bg: linear-gradient(135deg, #080808 0%, #101214 50%, #080808 100%);
--card-bg: rgba(12, 12, 14, 0.78);
--popup-bg: #0e0e10;
--hover-bg: rgba(20, 20, 24, 0.88);
--border-color: #1e2028;
--gray-100: #0e0e10;
--gray-200: #181820;
--text-primary: #d8dce8;
--text-secondary: #8890a8;
--text-muted: #4c5268;
--success: #30c870;
--warning: #d8a828;
--error: #e84858;
--progress: linear-gradient(270deg, var(--primary-500), var(--primary-600), #080808);
--logo-filter: brightness(0) invert(1);
}
[data-theme="pride-rainbow-extravaganza-unicorn-glitter-fantasy-spectrum-galactic-vortex-420"] {
--primary-50: #ff9ff3;
--primary-500: #ff6b6b;
--primary-600: #feca57;
--body-bg: linear-gradient(135deg, #050506 0%, #220022 20%, #002626 40%, #2a2a00 60%, #220000 80%, #050506 100%);
--card-bg: linear-gradient(135deg, #ff0000 0%, #ff7f00 20%, #ffff00 40%, #00ff00 60%, #0000ff 80%, #8b00ff 100%);
--hover-bg: linear-gradient(135deg, #ff66aa 0%, #ffcc33 25%, #33ff66 50%, #3399ff 75%, #cc33ff 100%);
--border-color: #ff33cc;
--text-primary: #ffffff;
--text-secondary: #ffe6f0;
--text-muted: #ff99cc;
--progress: linear-gradient(270deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff, #0a0a0a);
--logo-filter: brightness(0) invert(1);
}