/* Generated from web-client/src/themes/pack.ts. Do not edit; run npm run theme:export. */
:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --bg-tertiary: #1a1a24;
  --text-primary: #e8e8f0;
  --text-secondary: #d0d0dc;
  --text-tertiary: #b8b8c8;
  --text-muted: #8888a0;
  --border-color: #2a2a38;
  --border-color-hover: #5865f2;
  --shadow: rgba(0, 0, 0, 0.5);
  --shadow-lg: rgba(0, 0, 0, 0.7);
  --accent-primary: #5865f2;
  --accent-primary-hover: #4752c4;
  --accent-secondary: #6b6b88;
  --accent-secondary-hover: #52526a;
  --accent-danger: #ed4245;
  --accent-danger-hover: #c73539;
  --accent-success: #3ba55d;
  --accent-warning: #faa81a;
  --input-bg: #1a1a24;
  --card-bg: #15151f;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'220' height%3D'220' viewBox%3D'0 0 220 220'%3E%3Cg fill%3D'none' stroke%3D'%235865f2' stroke-width%3D'1' opacity%3D'0.16'%3E%3Cpath d%3D'M-20 60c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 100c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 140c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 180c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 20c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cellipse cx%3D'150' cy%3D'70' rx%3D'40' ry%3D'18'%2F%3E%3Cellipse cx%3D'150' cy%3D'70' rx%3D'24' ry%3D'9'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #5865f22e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #5865f21f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #5865f214 0%, transparent 60%), linear-gradient(180deg, #0a0a0f 0%, #0a0a0f 100%);
  --accent-grad: linear-gradient(135deg, #5865f2 0%, #6b6b88 100%);
  --theme-mode: dark;
  --bg: #0a0a0f;
  --text: #e8e8f0;
  --text-dim: #b8b8c8;
  --muted: #8888a0;
  --border: #2a2a38;
  --panel: color-mix(in srgb, #12121a 72%, transparent);
  --accent: #5865f2;
}
[data-theme="midnight"] {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --bg-tertiary: #1a1a24;
  --text-primary: #e8e8f0;
  --text-secondary: #d0d0dc;
  --text-tertiary: #b8b8c8;
  --text-muted: #8888a0;
  --border-color: #2a2a38;
  --border-color-hover: #5865f2;
  --shadow: rgba(0, 0, 0, 0.5);
  --shadow-lg: rgba(0, 0, 0, 0.7);
  --accent-primary: #5865f2;
  --accent-primary-hover: #4752c4;
  --accent-secondary: #6b6b88;
  --accent-secondary-hover: #52526a;
  --accent-danger: #ed4245;
  --accent-danger-hover: #c73539;
  --accent-success: #3ba55d;
  --accent-warning: #faa81a;
  --input-bg: #1a1a24;
  --card-bg: #15151f;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'220' height%3D'220' viewBox%3D'0 0 220 220'%3E%3Cg fill%3D'none' stroke%3D'%235865f2' stroke-width%3D'1' opacity%3D'0.16'%3E%3Cpath d%3D'M-20 60c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 100c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 140c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 180c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cpath d%3D'M-20 20c40-30 80-30 120 0s80 30 140 0'%2F%3E%3Cellipse cx%3D'150' cy%3D'70' rx%3D'40' ry%3D'18'%2F%3E%3Cellipse cx%3D'150' cy%3D'70' rx%3D'24' ry%3D'9'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #5865f22e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #5865f21f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #5865f214 0%, transparent 60%), linear-gradient(180deg, #0a0a0f 0%, #0a0a0f 100%);
  --accent-grad: linear-gradient(135deg, #5865f2 0%, #6b6b88 100%);
  --theme-mode: dark;
}
[data-theme="ocean"] {
  --bg-primary: #0a1628;
  --bg-secondary: #0f1f38;
  --bg-tertiary: #152845;
  --text-primary: #e0f2ff;
  --text-secondary: #c2e7ff;
  --text-tertiary: #a4dcff;
  --text-muted: #6ba4cc;
  --border-color: #1e3a5f;
  --border-color-hover: #3b82f6;
  --shadow: rgba(0, 20, 40, 0.5);
  --shadow-lg: rgba(0, 20, 40, 0.7);
  --accent-primary: #3b82f6;
  --accent-primary-hover: #2563eb;
  --accent-secondary: #4a7fa0;
  --accent-secondary-hover: #366080;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #0f1f38;
  --card-bg: #0d1b30;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'200' height%3D'80' viewBox%3D'0 0 200 80'%3E%3Cpath d%3D'M0 40c25-20 50-20 75 0s50 20 75 0 50-20 50 0' fill%3D'none' stroke%3D'%233b82f6' stroke-width%3D'1.2' opacity%3D'0.14'%2F%3E%3Cpath d%3D'M0 70c25-20 50-20 75 0s50 20 75 0 50-20 50 0' fill%3D'none' stroke%3D'%233b82f6' stroke-width%3D'1' opacity%3D'0.09'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #3b82f62e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #3b82f61f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #3b82f614 0%, transparent 60%), linear-gradient(180deg, #0a1628 0%, #0a1628 100%);
  --accent-grad: linear-gradient(135deg, #3b82f6 0%, #4a7fa0 100%);
  --theme-mode: dark;
}
[data-theme="forest"] {
  --bg-primary: #0a1410;
  --bg-secondary: #0f1e18;
  --bg-tertiary: #152820;
  --text-primary: #e0f0e8;
  --text-secondary: #c2dfd0;
  --text-tertiary: #a4ceb8;
  --text-muted: #6b9d80;
  --border-color: #1e3f2f;
  --border-color-hover: #10b981;
  --shadow: rgba(0, 20, 10, 0.5);
  --shadow-lg: rgba(0, 20, 10, 0.7);
  --accent-primary: #10b981;
  --accent-primary-hover: #059669;
  --accent-secondary: #4a8f70;
  --accent-secondary-hover: #367055;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #0f1e18;
  --card-bg: #0c1914;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'160' height%3D'160' viewBox%3D'0 0 160 160'%3E%3Cg fill%3D'%2310b981' opacity%3D'0.10'%3E%3Cpath d%3D'M30 90c0-30 20-50 50-50-0 30-20 50-50 50z'%2F%3E%3Cpath d%3D'M110 140c0-24 16-40 40-40 0 24-16 40-40 40z'%2F%3E%3Cpath d%3D'M100 30c0-18 12-30 30-30 0 18-12 30-30 30z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #10b9812e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #10b9811f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #10b98114 0%, transparent 60%), linear-gradient(180deg, #0a1410 0%, #0a1410 100%);
  --accent-grad: linear-gradient(135deg, #10b981 0%, #4a8f70 100%);
  --theme-mode: dark;
}
[data-theme="sunset"] {
  --bg-primary: #1a0f0a;
  --bg-secondary: #2a1812;
  --bg-tertiary: #3a221a;
  --text-primary: #ffe8d0;
  --text-secondary: #ffd0b0;
  --text-tertiary: #ffb890;
  --text-muted: #d08860;
  --border-color: #4a3020;
  --border-color-hover: #f97316;
  --shadow: rgba(26, 15, 10, 0.5);
  --shadow-lg: rgba(26, 15, 10, 0.7);
  --accent-primary: #f97316;
  --accent-primary-hover: #ea580c;
  --accent-secondary: #c56a40;
  --accent-secondary-hover: #a05030;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #fbbf24;
  --input-bg: #2a1812;
  --card-bg: #221410;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'260' height%3D'120' viewBox%3D'0 0 260 120'%3E%3Cg fill%3D'none' stroke%3D'%23f97316' opacity%3D'0.13'%3E%3Cpath d%3D'M0 90q65-50 130 0t130 0' stroke-width%3D'1.4'%2F%3E%3Cpath d%3D'M0 60q65-40 130 0t130 0' stroke-width%3D'1'%2F%3E%3Cpath d%3D'M0 110q65-30 130 0t130 0' stroke-width%3D'0.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #f973162e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #f973161f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #f9731614 0%, transparent 60%), linear-gradient(180deg, #1a0f0a 0%, #1a0f0a 100%);
  --accent-grad: linear-gradient(135deg, #f97316 0%, #c56a40 100%);
  --theme-mode: dark;
}
[data-theme="desert"] {
  --bg-primary: #1a160a;
  --bg-secondary: #2a2010;
  --bg-tertiary: #3a2a18;
  --text-primary: #f0e8d0;
  --text-secondary: #dfd0b0;
  --text-tertiary: #ceb890;
  --text-muted: #9d8860;
  --border-color: #4a3a20;
  --border-color-hover: #eab308;
  --shadow: rgba(26, 22, 10, 0.5);
  --shadow-lg: rgba(26, 22, 10, 0.7);
  --accent-primary: #eab308;
  --accent-primary-hover: #ca8a04;
  --accent-secondary: #b59a40;
  --accent-secondary-hover: #957a30;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #2a2010;
  --card-bg: #221c10;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'120' height%3D'120' viewBox%3D'0 0 120 120'%3E%3Cfilter id%3D'n'%3E%3CfeTurbulence type%3D'fractalNoise' baseFrequency%3D'0.9' numOctaves%3D'2' stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix values%3D'0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0'%2F%3E%3C%2Ffilter%3E%3Crect width%3D'120' height%3D'120' filter%3D'url(%23n)' fill%3D'%23eab308' opacity%3D'0.5'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #eab3082e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #eab3081f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #eab30814 0%, transparent 60%), linear-gradient(180deg, #1a160a 0%, #1a160a 100%);
  --accent-grad: linear-gradient(135deg, #eab308 0%, #b59a40 100%);
  --theme-mode: dark;
}
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f9fafb;
  --bg-tertiary: #f3f4f6;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-tertiary: #6b7280;
  --text-muted: #9ca3af;
  --border-color: #e5e7eb;
  --border-color-hover: #3b82f6;
  --shadow: rgba(0, 0, 0, 0.1);
  --shadow-lg: rgba(0, 0, 0, 0.15);
  --accent-primary: #3b82f6;
  --accent-primary-hover: #2563eb;
  --accent-secondary: #6b7280;
  --accent-secondary-hover: #4b5563;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #10b981;
  --accent-warning: #f59e0b;
  --input-bg: #ffffff;
  --card-bg: #ffffff;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'140' height%3D'140' viewBox%3D'0 0 140 140'%3E%3Cfilter id%3D'p'%3E%3CfeTurbulence type%3D'fractalNoise' baseFrequency%3D'0.6' numOctaves%3D'3' stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix values%3D'0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.10 0'%2F%3E%3C%2Ffilter%3E%3Crect width%3D'140' height%3D'140' filter%3D'url(%23p)' fill%3D'%239ca3af'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #3b82f614 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #3b82f60d 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #3b82f608 0%, transparent 60%), linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  --accent-grad: linear-gradient(135deg, #3b82f6 0%, #6b7280 100%);
  --theme-mode: light;
}
[data-theme="crimson"] {
  --bg-primary: #120507;
  --bg-secondary: #1c0a0d;
  --bg-tertiary: #260f13;
  --text-primary: #ffe0e6;
  --text-secondary: #ffc2d0;
  --text-tertiary: #ffa4ba;
  --text-muted: #cc7088;
  --border-color: #3a1520;
  --border-color-hover: #dc2626;
  --shadow: rgba(18, 5, 7, 0.6);
  --shadow-lg: rgba(18, 5, 7, 0.8);
  --accent-primary: #dc2626;
  --accent-primary-hover: #b91c1c;
  --accent-secondary: #a05060;
  --accent-secondary-hover: #803040;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #1c0a0d;
  --card-bg: #160709;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'48' height%3D'48' viewBox%3D'0 0 48 48'%3E%3Cpath d%3D'M24 2 46 24 24 46 2 24z' fill%3D'none' stroke%3D'%23dc2626' stroke-width%3D'1' opacity%3D'0.14'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #dc26262e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #dc26261f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #dc262614 0%, transparent 60%), linear-gradient(180deg, #120507 0%, #120507 100%);
  --accent-grad: linear-gradient(135deg, #dc2626 0%, #a05060 100%);
  --theme-mode: dark;
}
[data-theme="nord"] {
  --bg-primary: #2e3440;
  --bg-secondary: #3b4252;
  --bg-tertiary: #434c5e;
  --text-primary: #eceff4;
  --text-secondary: #e5e9f0;
  --text-tertiary: #d8dee9;
  --text-muted: #4c566a;
  --border-color: #4c566a;
  --border-color-hover: #88c0d0;
  --shadow: rgba(46, 52, 64, 0.5);
  --shadow-lg: rgba(46, 52, 64, 0.7);
  --accent-primary: #88c0d0;
  --accent-primary-hover: #5e81ac;
  --accent-secondary: #81a1c1;
  --accent-secondary-hover: #5e81ac;
  --accent-danger: #bf616a;
  --accent-danger-hover: #a54b57;
  --accent-success: #a3be8c;
  --accent-warning: #ebcb8b;
  --input-bg: #3b4252;
  --card-bg: #3b4252;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'40' height%3D'40' viewBox%3D'0 0 40 40'%3E%3Cpath d%3D'M40 0H0v40' fill%3D'none' stroke%3D'%2388c0d0' stroke-width%3D'1' opacity%3D'0.12'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #88c0d02e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #88c0d01f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #88c0d014 0%, transparent 60%), linear-gradient(180deg, #2e3440 0%, #2e3440 100%);
  --accent-grad: linear-gradient(135deg, #88c0d0 0%, #81a1c1 100%);
  --theme-mode: dark;
}
[data-theme="vampire"] {
  --bg-primary: #0d0712;
  --bg-secondary: #15101c;
  --bg-tertiary: #1d1526;
  --text-primary: #f0e0ff;
  --text-secondary: #d8c2f0;
  --text-tertiary: #c0a4e0;
  --text-muted: #8860a0;
  --border-color: #2a1f35;
  --border-color-hover: #a855f7;
  --shadow: rgba(13, 7, 18, 0.6);
  --shadow-lg: rgba(13, 7, 18, 0.8);
  --accent-primary: #a855f7;
  --accent-primary-hover: #9333ea;
  --accent-secondary: #8060a0;
  --accent-secondary-hover: #604080;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #15101c;
  --card-bg: #110c16;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'240' height%3D'240' viewBox%3D'0 0 240 240'%3E%3Cg fill%3D'%23a855f7' opacity%3D'0.35'%3E%3Ccircle cx%3D'20' cy%3D'30' r%3D'1.2'%2F%3E%3Ccircle cx%3D'90' cy%3D'70' r%3D'0.8'%2F%3E%3Ccircle cx%3D'150' cy%3D'20' r%3D'1'%2F%3E%3Ccircle cx%3D'210' cy%3D'110' r%3D'1.4'%2F%3E%3Ccircle cx%3D'60' cy%3D'160' r%3D'0.9'%2F%3E%3Ccircle cx%3D'130' cy%3D'200' r%3D'1.1'%2F%3E%3Ccircle cx%3D'190' cy%3D'170' r%3D'0.7'%2F%3E%3Ccircle cx%3D'30' cy%3D'220' r%3D'1'%2F%3E%3Ccircle cx%3D'230' cy%3D'40' r%3D'0.8'%2F%3E%3Ccircle cx%3D'110' cy%3D'120' r%3D'0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #a855f72e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #a855f71f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #a855f714 0%, transparent 60%), linear-gradient(180deg, #0d0712 0%, #0d0712 100%);
  --accent-grad: linear-gradient(135deg, #a855f7 0%, #8060a0 100%);
  --theme-mode: dark;
}
[data-theme="synthwave"] {
  --bg-primary: #0a0515;
  --bg-secondary: #120a20;
  --bg-tertiary: #1a0f2b;
  --text-primary: #ffe0ff;
  --text-secondary: #ffc2ff;
  --text-tertiary: #ffa4ff;
  --text-muted: #d070d0;
  --border-color: #2a1540;
  --border-color-hover: #ec4899;
  --shadow: rgba(10, 5, 21, 0.6);
  --shadow-lg: rgba(10, 5, 21, 0.8);
  --accent-primary: #ec4899;
  --accent-primary-hover: #db2777;
  --accent-secondary: #06b6d4;
  --accent-secondary-hover: #0891b2;
  --accent-danger: #ef4444;
  --accent-danger-hover: #dc2626;
  --accent-success: #22c55e;
  --accent-warning: #f59e0b;
  --input-bg: #120a20;
  --card-bg: #0e0718;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'4' height%3D'4' viewBox%3D'0 0 4 4'%3E%3Crect width%3D'4' height%3D'1' fill%3D'%23ec4899' opacity%3D'0.10'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #ec48992e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #ec48991f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #ec489914 0%, transparent 60%), linear-gradient(180deg, #0a0515 0%, #0a0515 100%);
  --accent-grad: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);
  --theme-mode: dark;
}
[data-theme="matrix"] {
  --bg-primary: #000000;
  --bg-secondary: #0a0f0a;
  --bg-tertiary: #0f140f;
  --text-primary: #00ff00;
  --text-secondary: #00dd00;
  --text-tertiary: #00bb00;
  --text-muted: #008800;
  --border-color: #003300;
  --border-color-hover: #00ff00;
  --shadow: rgba(0, 0, 0, 0.8);
  --shadow-lg: rgba(0, 0, 0, 0.9);
  --accent-primary: #00ff00;
  --accent-primary-hover: #00dd00;
  --accent-secondary: #00aa00;
  --accent-secondary-hover: #008800;
  --accent-danger: #ff0000;
  --accent-danger-hover: #dd0000;
  --accent-success: #00ff00;
  --accent-warning: #ffff00;
  --input-bg: #0a0f0a;
  --card-bg: #050a05;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'160' height%3D'160' viewBox%3D'0 0 160 160'%3E%3Cg fill%3D'none' stroke%3D'%2300ff00' stroke-width%3D'1' opacity%3D'0.14'%3E%3Cpath d%3D'M10 20h50v40h40v-30h40'%2F%3E%3Cpath d%3D'M20 140h40v-40h60v40'%2F%3E%3Cpath d%3D'M100 20v-15'%2F%3E%3Cpath d%3D'M60 60v30'%2F%3E%3C%2Fg%3E%3Cg fill%3D'%2300ff00' opacity%3D'0.3'%3E%3Ccircle cx%3D'10' cy%3D'20' r%3D'2'%2F%3E%3Ccircle cx%3D'140' cy%3D'30' r%3D'2'%2F%3E%3Ccircle cx%3D'20' cy%3D'140' r%3D'2'%2F%3E%3Ccircle cx%3D'120' cy%3D'140' r%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #00ff002e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #00ff001f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #00ff0014 0%, transparent 60%), linear-gradient(180deg, #000000 0%, #000000 100%);
  --accent-grad: linear-gradient(135deg, #00ff00 0%, #00aa00 100%);
  --theme-mode: dark;
}
[data-theme="dracula"] {
  --bg-primary: #282a36;
  --bg-secondary: #21222c;
  --bg-tertiary: #191a21;
  --text-primary: #f8f8f2;
  --text-secondary: #f8f8f2;
  --text-tertiary: #6272a4;
  --text-muted: #44475a;
  --border-color: #44475a;
  --border-color-hover: #bd93f9;
  --shadow: rgba(40, 42, 54, 0.5);
  --shadow-lg: rgba(40, 42, 54, 0.7);
  --accent-primary: #bd93f9;
  --accent-primary-hover: #a77ee6;
  --accent-secondary: #ff79c6;
  --accent-secondary-hover: #ff5cb3;
  --accent-danger: #ff5555;
  --accent-danger-hover: #ff3838;
  --accent-success: #50fa7b;
  --accent-warning: #f1fa8c;
  --input-bg: #21222c;
  --card-bg: #21222c;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'56' height%3D'100' viewBox%3D'0 0 56 100'%3E%3Cpath d%3D'M28 2 52 16v28L28 58 4 44V16zM28 52 52 66v28L28 108 4 94V66z' fill%3D'none' stroke%3D'%23bd93f9' stroke-width%3D'1' opacity%3D'0.12'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #bd93f92e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #bd93f91f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #bd93f914 0%, transparent 60%), linear-gradient(180deg, #282a36 0%, #282a36 100%);
  --accent-grad: linear-gradient(135deg, #bd93f9 0%, #ff79c6 100%);
  --theme-mode: dark;
}
[data-theme="monokai"] {
  --bg-primary: #272822;
  --bg-secondary: #1e1f1c;
  --bg-tertiary: #34352f;
  --text-primary: #f8f8f2;
  --text-secondary: #f8f8f2;
  --text-tertiary: #75715e;
  --text-muted: #75715e;
  --border-color: #49483e;
  --border-color-hover: #66d9ef;
  --shadow: rgba(39, 40, 34, 0.5);
  --shadow-lg: rgba(39, 40, 34, 0.7);
  --accent-primary: #66d9ef;
  --accent-primary-hover: #4dc0d9;
  --accent-secondary: #a6e22e;
  --accent-secondary-hover: #8fce1b;
  --accent-danger: #f92672;
  --accent-danger-hover: #e00d5f;
  --accent-success: #a6e22e;
  --accent-warning: #e6db74;
  --input-bg: #1e1f1c;
  --card-bg: #1e1f1c;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'40' height%3D'40' viewBox%3D'0 0 40 40'%3E%3Cpath d%3D'M40 0H0v40' fill%3D'none' stroke%3D'%2366d9ef' stroke-width%3D'1' opacity%3D'0.12'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #66d9ef2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #66d9ef1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #66d9ef14 0%, transparent 60%), linear-gradient(180deg, #272822 0%, #272822 100%);
  --accent-grad: linear-gradient(135deg, #66d9ef 0%, #a6e22e 100%);
  --theme-mode: dark;
}
[data-theme="cobalt"] {
  --bg-primary: #002240;
  --bg-secondary: #001a30;
  --bg-tertiary: #003050;
  --text-primary: #ffffff;
  --text-secondary: #e0f0ff;
  --text-tertiary: #c0d8f0;
  --text-muted: #7090b0;
  --border-color: #003a60;
  --border-color-hover: #0088ff;
  --shadow: rgba(0, 34, 64, 0.5);
  --shadow-lg: rgba(0, 34, 64, 0.7);
  --accent-primary: #0088ff;
  --accent-primary-hover: #0070dd;
  --accent-secondary: #ffbc00;
  --accent-secondary-hover: #dd9d00;
  --accent-danger: #ff3838;
  --accent-danger-hover: #dd2020;
  --accent-success: #00ff00;
  --accent-warning: #ffbc00;
  --input-bg: #001a30;
  --card-bg: #001630;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'200' height%3D'80' viewBox%3D'0 0 200 80'%3E%3Cpath d%3D'M0 40c25-20 50-20 75 0s50 20 75 0 50-20 50 0' fill%3D'none' stroke%3D'%230088ff' stroke-width%3D'1.2' opacity%3D'0.14'%2F%3E%3Cpath d%3D'M0 70c25-20 50-20 75 0s50 20 75 0 50-20 50 0' fill%3D'none' stroke%3D'%230088ff' stroke-width%3D'1' opacity%3D'0.09'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #0088ff2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #0088ff1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #0088ff14 0%, transparent 60%), linear-gradient(180deg, #002240 0%, #002240 100%);
  --accent-grad: linear-gradient(135deg, #0088ff 0%, #ffbc00 100%);
  --theme-mode: dark;
}
[data-theme="gruvbox"] {
  --bg-primary: #282828;
  --bg-secondary: #1d2021;
  --bg-tertiary: #3c3836;
  --text-primary: #ebdbb2;
  --text-secondary: #d5c4a1;
  --text-tertiary: #bdae93;
  --text-muted: #a89984;
  --border-color: #504945;
  --border-color-hover: #fabd2f;
  --shadow: rgba(40, 40, 40, 0.5);
  --shadow-lg: rgba(40, 40, 40, 0.7);
  --accent-primary: #fabd2f;
  --accent-primary-hover: #d79921;
  --accent-secondary: #83a598;
  --accent-secondary-hover: #458588;
  --accent-danger: #fb4934;
  --accent-danger-hover: #cc2412;
  --accent-success: #b8bb26;
  --accent-warning: #fe8019;
  --input-bg: #1d2021;
  --card-bg: #1d2021;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'8' height%3D'8' viewBox%3D'0 0 8 8'%3E%3Cpath d%3D'M0 4h8M4 0v8' stroke%3D'%23fabd2f' stroke-width%3D'0.6' opacity%3D'0.09'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #fabd2f2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #fabd2f1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #fabd2f14 0%, transparent 60%), linear-gradient(180deg, #282828 0%, #282828 100%);
  --accent-grad: linear-gradient(135deg, #fabd2f 0%, #83a598 100%);
  --theme-mode: dark;
}
[data-theme="solarized"] {
  --bg-primary: #002b36;
  --bg-secondary: #073642;
  --bg-tertiary: #586e75;
  --text-primary: #fdf6e3;
  --text-secondary: #eee8d5;
  --text-tertiary: #93a1a1;
  --text-muted: #657b83;
  --border-color: #073642;
  --border-color-hover: #268bd2;
  --shadow: rgba(0, 43, 54, 0.5);
  --shadow-lg: rgba(0, 43, 54, 0.7);
  --accent-primary: #268bd2;
  --accent-primary-hover: #2075b8;
  --accent-secondary: #859900;
  --accent-secondary-hover: #6c7d00;
  --accent-danger: #dc322f;
  --accent-danger-hover: #c02826;
  --accent-success: #859900;
  --accent-warning: #b58900;
  --input-bg: #073642;
  --card-bg: #073642;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'140' height%3D'140' viewBox%3D'0 0 140 140'%3E%3Cfilter id%3D'p'%3E%3CfeTurbulence type%3D'fractalNoise' baseFrequency%3D'0.6' numOctaves%3D'3' stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix values%3D'0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.10 0'%2F%3E%3C%2Ffilter%3E%3Crect width%3D'140' height%3D'140' filter%3D'url(%23p)' fill%3D'%23268bd2'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #268bd22e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #268bd21f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #268bd214 0%, transparent 60%), linear-gradient(180deg, #002b36 0%, #002b36 100%);
  --accent-grad: linear-gradient(135deg, #268bd2 0%, #859900 100%);
  --theme-mode: dark;
}
[data-theme="ops"] {
  --bg-primary: #05080d;
  --bg-secondary: #0a0f18;
  --bg-tertiary: #0f1724;
  --text-primary: #e2e8f0;
  --text-secondary: #c6d0dc;
  --text-tertiary: #a9b4c2;
  --text-muted: #94a3b8;
  --border-color: #162030;
  --border-color-hover: #00ffcc;
  --shadow: rgba(0,0,0,0.6);
  --shadow-lg: rgba(0,0,0,0.8);
  --accent-primary: #00ccaa;
  --accent-primary-hover: #00ffcc;
  --accent-secondary: #f5c842;
  --accent-secondary-hover: #e3b341;
  --accent-danger: #f85149;
  --accent-danger-hover: #d9382f;
  --accent-success: #00ffcc;
  --accent-warning: #e3b341;
  --input-bg: #0a0f18;
  --card-bg: #0c1320;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'160' height%3D'160' viewBox%3D'0 0 160 160'%3E%3Cg fill%3D'none' stroke%3D'%2300ccaa' stroke-width%3D'1' opacity%3D'0.14'%3E%3Cpath d%3D'M10 20h50v40h40v-30h40'%2F%3E%3Cpath d%3D'M20 140h40v-40h60v40'%2F%3E%3Cpath d%3D'M100 20v-15'%2F%3E%3Cpath d%3D'M60 60v30'%2F%3E%3C%2Fg%3E%3Cg fill%3D'%2300ccaa' opacity%3D'0.3'%3E%3Ccircle cx%3D'10' cy%3D'20' r%3D'2'%2F%3E%3Ccircle cx%3D'140' cy%3D'30' r%3D'2'%2F%3E%3Ccircle cx%3D'20' cy%3D'140' r%3D'2'%2F%3E%3Ccircle cx%3D'120' cy%3D'140' r%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #00ccaa2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #00ccaa1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #00ccaa14 0%, transparent 60%), linear-gradient(180deg, #05080d 0%, #05080d 100%);
  --accent-grad: linear-gradient(135deg, #00ccaa 0%, #f5c842 100%);
  --theme-mode: dark;
}
[data-theme="gattrose"] {
  --bg-primary: #0a0e1a;
  --bg-secondary: #121732;
  --bg-tertiary: #1a1f3a;
  --text-primary: #ffffff;
  --text-secondary: #d8dbe8;
  --text-tertiary: #b0b5c5;
  --text-muted: #8a90a8;
  --border-color: #2a2f4a;
  --border-color-hover: #00ff88;
  --shadow: rgba(0,0,0,0.5);
  --shadow-lg: rgba(0,0,0,0.7);
  --accent-primary: #00ff88;
  --accent-primary-hover: #00e07a;
  --accent-secondary: #00ffff;
  --accent-secondary-hover: #00d8d8;
  --accent-danger: #ff3366;
  --accent-danger-hover: #e0204f;
  --accent-success: #00ff88;
  --accent-warning: #ffaa00;
  --input-bg: #121732;
  --card-bg: #161b36;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'56' height%3D'100' viewBox%3D'0 0 56 100'%3E%3Cpath d%3D'M28 2 52 16v28L28 58 4 44V16zM28 52 52 66v28L28 108 4 94V66z' fill%3D'none' stroke%3D'%2300ff88' stroke-width%3D'1' opacity%3D'0.12'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #00ff882e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #00ff881f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #00ff8814 0%, transparent 60%), linear-gradient(180deg, #0a0e1a 0%, #0a0e1a 100%);
  --accent-grad: linear-gradient(135deg, #00ff88 0%, #00ffff 100%);
  --theme-mode: dark;
}
[data-theme="argus"] {
  --bg-primary: #0c0a08;
  --bg-secondary: #14110e;
  --bg-tertiary: #1c1814;
  --text-primary: #e8dfd4;
  --text-secondary: #cdbfae;
  --text-tertiary: #a89a8a;
  --text-muted: #70645a;
  --border-color: #302920;
  --border-color-hover: #c9952e;
  --shadow: rgba(0,0,0,0.6);
  --shadow-lg: rgba(0,0,0,0.8);
  --accent-primary: #c9952e;
  --accent-primary-hover: #d4a746;
  --accent-secondary: #6ba3d4;
  --accent-secondary-hover: #5a90bf;
  --accent-danger: #d45858;
  --accent-danger-hover: #b84545;
  --accent-success: #5cc87a;
  --accent-warning: #e0b830;
  --input-bg: #14110e;
  --card-bg: #181410;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'120' height%3D'120' viewBox%3D'0 0 120 120'%3E%3Cfilter id%3D'n'%3E%3CfeTurbulence type%3D'fractalNoise' baseFrequency%3D'0.9' numOctaves%3D'2' stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix values%3D'0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0'%2F%3E%3C%2Ffilter%3E%3Crect width%3D'120' height%3D'120' filter%3D'url(%23n)' fill%3D'%23c9952e' opacity%3D'0.5'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #c9952e2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #c9952e1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #c9952e14 0%, transparent 60%), linear-gradient(180deg, #0c0a08 0%, #0c0a08 100%);
  --accent-grad: linear-gradient(135deg, #c9952e 0%, #6ba3d4 100%);
  --theme-mode: dark;
}
[data-theme="arco"] {
  --bg-primary: #0b0c10;
  --bg-secondary: #131620;
  --bg-tertiary: #1b1f2e;
  --text-primary: #f0f2f8;
  --text-secondary: #d3d7e4;
  --text-tertiary: #aab0c4;
  --text-muted: #8c93a8;
  --border-color: #222738;
  --border-color-hover: #00f0ff;
  --shadow: rgba(0,0,0,0.6);
  --shadow-lg: rgba(0,0,0,0.8);
  --accent-primary: #00f0ff;
  --accent-primary-hover: #00c8d8;
  --accent-secondary: #ff007f;
  --accent-secondary-hover: #d80069;
  --accent-danger: #e63946;
  --accent-danger-hover: #ff4d5a;
  --accent-success: #00f5d4;
  --accent-warning: #f5c842;
  --input-bg: #131620;
  --card-bg: #161a26;
  --theme-texture: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'4' height%3D'4' viewBox%3D'0 0 4 4'%3E%3Crect width%3D'4' height%3D'1' fill%3D'%2300f0ff' opacity%3D'0.10'%2F%3E%3C%2Fsvg%3E"), radial-gradient(1200px 700px at 8% -10%, #00f0ff2e 0%, transparent 60%), radial-gradient(900px 600px at 100% 10%, #00f0ff1f 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #00f0ff14 0%, transparent 60%), linear-gradient(180deg, #0b0c10 0%, #0b0c10 100%);
  --accent-grad: linear-gradient(135deg, #00f0ff 0%, #ff007f 100%);
  --theme-mode: dark;
}