/* ==========================================================================
   Salam BI — Color Themes (v5.1)
   مولّد من حزمة OdooReportWeb 10 Themes. لا تعدّل يدوياً؛ أعد التوليد.
   :root = الألوان الأصلية للنظام (الثيم الافتراضي) — بدون أي تغيير بصري.
   ========================================================================== */
:root {
  --brand-50: 239 246 255;
  --brand-100: 219 234 254;
  --brand-200: 191 219 254;
  --brand-300: 147 197 253;
  --brand-400: 96 165 250;
  --brand-500: 59 130 246;
  --brand-600: 37 99 235;
  --brand-700: 29 78 216;
  --brand-800: 30 64 175;
  --brand-900: 30 58 138;
  --brand-950: 15 23 42;
  --slate-50: 248 250 252;
  --slate-100: 241 245 249;
  --slate-200: 226 232 240;
  --slate-300: 203 213 225;
  --slate-400: 148 163 184;
  --slate-500: 100 116 139;
  --slate-600: 71 85 105;
  --slate-700: 51 65 85;
  --slate-800: 30 41 59;
  --slate-900: 15 23 42;
  --slate-950: 2 6 23;
  --surface-dark: 11 15 25;
  --surface-darkcard: 17 24 39;
  --surface-darkborder: 31 41 55;
  --surface-light: 248 250 252;
  --surface-lightcard: 255 255 255;
  --surface-lightborder: 226 232 240;
  --card: #FFFFFF;
}
.dark { --card: #111827; }

/* 01_Midnight_Blue — Premium technology and enterprise dashboard */
html.dark[data-color-theme="01_Midnight_Blue"] {
  --brand-50: 239 245 254;
  --brand-100: 216 230 253;
  --brand-200: 177 205 251;
  --brand-300: 137 180 250;
  --brand-400: 98 155 248;
  --brand-500: 59 130 246;
  --brand-600: 53 117 221;
  --brand-700: 43 96 181;
  --brand-800: 34 76 144;
  --brand-900: 26 58 110;
  --brand-950: 20 37 71;
  --slate-50: 248 250 252;
  --slate-100: 236 240 244;
  --slate-200: 218 224 232;
  --slate-300: 193 202 215;
  --slate-400: 148 163 184;
  --slate-500: 120 135 156;
  --slate-600: 93 108 128;
  --slate-700: 62 76 97;
  --slate-800: 38 52 73;
  --slate-900: 17 24 39;
  --slate-950: 11 17 32;
  --surface-dark: 11 17 32;
  --surface-darkcard: 17 24 39;
  --surface-darkborder: 38 52 73;
  --bg: #0B1120;
  --panel: #111827;
  --card: #172033;
  --line: #263449;
  --text: #F8FAFC;
  --muted: #94A3B8;
  --navy: #3B82F6;
  --navy-2: #3575DD;
  --navy-3: #629BF8;
  --danger: #EF4444;
  --palette-accent: #3B82F6;
  --palette-accent-hover: #3575DD;
  --palette-accent-shadow: rgba(59, 130, 246, 0.35);
  --palette-pill-bg: rgba(59, 130, 246, 0.15);
  --palette-focus-ring: rgba(59, 130, 246, 0.25);
  --palette-tint: rgba(59, 130, 246, 0.06);
  --palette-table-th: #0B1120;
  --palette-table-border: #3B82F6;
  --palette-accent-grad: linear-gradient(135deg,#3B82F6,#06B6D4);
  --theme-primary: #3B82F6;
  --theme-secondary: #6366F1;
  --theme-accent: #06B6D4;
  --theme-gradient: linear-gradient(135deg,#3B82F6,#06B6D4);
  --on-primary: #0B0B12;
  --row-alt: rgba(17, 24, 39, 0.55);
  --row-hover: rgba(59, 130, 246, 0.15);
  --chart-muted: #94A3B8;
  --chart-grid: #263449;
  --chart-text: #F8FAFC;
  --chart-text-soft: #C1CAD7;
}
html:not(.dark)[data-color-theme="01_Midnight_Blue"] {
  --brand-50: 239 245 254;
  --brand-100: 216 230 253;
  --brand-200: 177 205 251;
  --brand-300: 137 180 250;
  --brand-400: 98 155 248;
  --brand-500: 59 130 246;
  --brand-600: 52 114 216;
  --brand-700: 43 93 177;
  --brand-800: 34 74 140;
  --brand-900: 26 57 108;
  --brand-950: 22 39 73;
  --navy: #2B5DB1;
  --navy-2: #3472D8;
  --navy-3: #3B82F6;
  --palette-accent: #3472D8;
  --palette-accent-hover: #2B5DB1;
  --palette-accent-shadow: rgba(52, 114, 216, 0.35);
  --palette-pill-bg: rgba(52, 114, 216, 0.1);
  --palette-focus-ring: rgba(52, 114, 216, 0.2);
  --palette-tint: rgba(52, 114, 216, 0.04);
  --palette-table-border: #3472D8;
  --palette-accent-grad: linear-gradient(135deg, #3472D8 0%, #2B5DB1 100%);
  --theme-primary: #3472D8;
  --theme-secondary: #6366F1;
  --theme-accent: #06B6D4;
  --theme-gradient: linear-gradient(135deg, #3472D8, #3B82F6);
  --on-primary: #FFFFFF;
  --row-hover: rgba(52, 114, 216, 0.08);
}

/* 02_Purple_AI — Modern AI/SaaS interface */
html.dark[data-color-theme="02_Purple_AI"] {
  --brand-50: 245 239 254;
  --brand-100: 229 216 251;
  --brand-200: 203 176 248;
  --brand-300: 176 137 244;
  --brand-400: 150 97 241;
  --brand-500: 124 58 237;
  --brand-600: 112 52 213;
  --brand-700: 92 43 175;
  --brand-800: 73 34 138;
  --brand-900: 56 26 106;
  --brand-950: 33 18 62;
  --slate-50: 250 245 255;
  --slate-100: 240 232 247;
  --slate-200: 225 213 234;
  --slate-300: 204 187 217;
  --slate-400: 167 139 186;
  --slate-500: 138 113 159;
  --slate-600: 110 87 132;
  --slate-700: 78 58 103;
  --slate-800: 53 35 79;
  --slate-900: 23 16 38;
  --slate-950: 13 9 24;
  --surface-dark: 13 9 24;
  --surface-darkcard: 23 16 38;
  --surface-darkborder: 53 35 79;
  --bg: #0D0918;
  --panel: #171026;
  --card: #21153A;
  --line: #35234F;
  --text: #FAF5FF;
  --muted: #A78BBA;
  --navy: #7C3AED;
  --navy-2: #7034D5;
  --navy-3: #9661F1;
  --danger: #FB7185;
  --palette-accent: #7C3AED;
  --palette-accent-hover: #7034D5;
  --palette-accent-shadow: rgba(124, 58, 237, 0.35);
  --palette-pill-bg: rgba(124, 58, 237, 0.15);
  --palette-focus-ring: rgba(124, 58, 237, 0.25);
  --palette-tint: rgba(124, 58, 237, 0.06);
  --palette-table-th: #0D0918;
  --palette-table-border: #7C3AED;
  --palette-accent-grad: linear-gradient(135deg,#7C3AED,#C084FC);
  --theme-primary: #7C3AED;
  --theme-secondary: #8B5CF6;
  --theme-accent: #C084FC;
  --theme-gradient: linear-gradient(135deg,#7C3AED,#C084FC);
  --on-primary: #FFFFFF;
  --row-alt: rgba(23, 16, 38, 0.55);
  --row-hover: rgba(124, 58, 237, 0.15);
  --chart-muted: #A78BBA;
  --chart-grid: #35234F;
  --chart-text: #FAF5FF;
  --chart-text-soft: #CCBBD9;
}
html:not(.dark)[data-color-theme="02_Purple_AI"] {
  --brand-50: 245 239 254;
  --brand-100: 229 216 251;
  --brand-200: 203 176 248;
  --brand-300: 176 137 244;
  --brand-400: 150 97 241;
  --brand-500: 124 58 237;
  --brand-600: 112 52 213;
  --brand-700: 92 43 175;
  --brand-800: 73 34 138;
  --brand-900: 56 26 106;
  --brand-950: 31 28 71;
  --navy: #5C2BAF;
  --navy-2: #7034D5;
  --navy-3: #7C3AED;
  --palette-accent: #7034D5;
  --palette-accent-hover: #5C2BAF;
  --palette-accent-shadow: rgba(112, 52, 213, 0.35);
  --palette-pill-bg: rgba(112, 52, 213, 0.1);
  --palette-focus-ring: rgba(112, 52, 213, 0.2);
  --palette-tint: rgba(112, 52, 213, 0.04);
  --palette-table-border: #7034D5;
  --palette-accent-grad: linear-gradient(135deg, #7034D5 0%, #5C2BAF 100%);
  --theme-primary: #7034D5;
  --theme-secondary: #8B5CF6;
  --theme-accent: #C084FC;
  --theme-gradient: linear-gradient(135deg, #7034D5, #7C3AED);
  --on-primary: #FFFFFF;
  --row-hover: rgba(112, 52, 213, 0.08);
}

/* 03_Purple_Cyan — Futuristic AI dashboard */
html.dark[data-color-theme="03_Purple_Cyan"] {
  --brand-50: 246 242 254;
  --brand-100: 232 222 253;
  --brand-200: 209 190 251;
  --brand-300: 185 157 250;
  --brand-400: 162 125 248;
  --brand-500: 139 92 246;
  --brand-600: 125 83 221;
  --brand-700: 103 68 181;
  --brand-800: 81 54 144;
  --brand-900: 62 42 110;
  --brand-950: 32 25 62;
  --slate-50: 248 250 252;
  --slate-100: 237 240 243;
  --slate-200: 220 224 229;
  --slate-300: 197 202 210;
  --slate-400: 156 163 175;
  --slate-500: 128 134 152;
  --slate-600: 99 104 128;
  --slate-700: 67 71 102;
  --slate-800: 42 45 82;
  --slate-900: 17 19 41;
  --slate-950: 9 10 22;
  --surface-dark: 9 10 22;
  --surface-darkcard: 17 19 41;
  --surface-darkborder: 42 45 82;
  --bg: #090A16;
  --panel: #111329;
  --card: #191C3A;
  --line: #2A2D52;
  --text: #F8FAFC;
  --muted: #9CA3AF;
  --navy: #8B5CF6;
  --navy-2: #7D53DD;
  --navy-3: #A27DF8;
  --danger: #FB7185;
  --palette-accent: #8B5CF6;
  --palette-accent-hover: #7D53DD;
  --palette-accent-shadow: rgba(139, 92, 246, 0.35);
  --palette-pill-bg: rgba(139, 92, 246, 0.15);
  --palette-focus-ring: rgba(139, 92, 246, 0.25);
  --palette-tint: rgba(139, 92, 246, 0.06);
  --palette-table-th: #090A16;
  --palette-table-border: #8B5CF6;
  --palette-accent-grad: linear-gradient(135deg,#8B5CF6,#22D3EE);
  --theme-primary: #8B5CF6;
  --theme-secondary: #6366F1;
  --theme-accent: #22D3EE;
  --theme-gradient: linear-gradient(135deg,#8B5CF6,#22D3EE);
  --on-primary: #0B0B12;
  --row-alt: rgba(17, 19, 41, 0.55);
  --row-hover: rgba(139, 92, 246, 0.15);
  --chart-muted: #9CA3AF;
  --chart-grid: #2A2D52;
  --chart-text: #F8FAFC;
  --chart-text-soft: #C5CAD2;
}
html:not(.dark)[data-color-theme="03_Purple_Cyan"] {
  --brand-50: 246 242 254;
  --brand-100: 232 222 253;
  --brand-200: 209 190 251;
  --brand-300: 185 157 250;
  --brand-400: 162 125 248;
  --brand-500: 139 92 246;
  --brand-600: 133 88 236;
  --brand-700: 109 72 194;
  --brand-800: 86 57 153;
  --brand-900: 66 44 118;
  --brand-950: 34 33 73;
  --navy: #6D48C2;
  --navy-2: #8558EC;
  --navy-3: #8B5CF6;
  --palette-accent: #8558EC;
  --palette-accent-hover: #6D48C2;
  --palette-accent-shadow: rgba(133, 88, 236, 0.35);
  --palette-pill-bg: rgba(133, 88, 236, 0.1);
  --palette-focus-ring: rgba(133, 88, 236, 0.2);
  --palette-tint: rgba(133, 88, 236, 0.04);
  --palette-table-border: #8558EC;
  --palette-accent-grad: linear-gradient(135deg, #8558EC 0%, #6D48C2 100%);
  --theme-primary: #8558EC;
  --theme-secondary: #6366F1;
  --theme-accent: #22D3EE;
  --theme-gradient: linear-gradient(135deg, #8558EC, #8B5CF6);
  --on-primary: #FFFFFF;
  --row-hover: rgba(133, 88, 236, 0.08);
}

/* 04_Royal_Sapphire — Corporate and executive dashboard */
html.dark[data-color-theme="04_Royal_Sapphire"] {
  --brand-50: 238 243 253;
  --brand-100: 211 224 251;
  --brand-200: 168 193 247;
  --brand-300: 124 161 243;
  --brand-400: 81 130 239;
  --brand-500: 37 99 235;
  --brand-600: 33 89 212;
  --brand-700: 27 73 174;
  --brand-800: 21 58 138;
  --brand-900: 16 44 106;
  --brand-950: 12 32 68;
  --slate-50: 248 250 252;
  --slate-100: 236 240 244;
  --slate-200: 218 224 232;
  --slate-300: 193 202 215;
  --slate-400: 148 163 184;
  --slate-500: 120 138 162;
  --slate-600: 92 114 140;
  --slate-700: 60 87 115;
  --slate-800: 35 65 95;
  --slate-900: 13 27 46;
  --slate-950: 7 17 31;
  --surface-dark: 7 17 31;
  --surface-darkcard: 13 27 46;
  --surface-darkborder: 35 65 95;
  --bg: #07111F;
  --panel: #0D1B2E;
  --card: #142A45;
  --line: #23415F;
  --text: #F8FAFC;
  --muted: #94A3B8;
  --navy: #2563EB;
  --navy-2: #2159D4;
  --navy-3: #5182EF;
  --danger: #EF4444;
  --palette-accent: #2563EB;
  --palette-accent-hover: #2159D4;
  --palette-accent-shadow: rgba(37, 99, 235, 0.35);
  --palette-pill-bg: rgba(37, 99, 235, 0.15);
  --palette-focus-ring: rgba(37, 99, 235, 0.25);
  --palette-tint: rgba(37, 99, 235, 0.06);
  --palette-table-th: #07111F;
  --palette-table-border: #2563EB;
  --palette-accent-grad: linear-gradient(135deg,#2563EB,#60A5FA);
  --theme-primary: #2563EB;
  --theme-secondary: #1D4ED8;
  --theme-accent: #60A5FA;
  --theme-gradient: linear-gradient(135deg,#2563EB,#60A5FA);
  --on-primary: #FFFFFF;
  --row-alt: rgba(13, 27, 46, 0.55);
  --row-hover: rgba(37, 99, 235, 0.15);
  --chart-muted: #94A3B8;
  --chart-grid: #23415F;
  --chart-text: #F8FAFC;
  --chart-text-soft: #C1CAD7;
}
html:not(.dark)[data-color-theme="04_Royal_Sapphire"] {
  --brand-50: 238 243 253;
  --brand-100: 211 224 251;
  --brand-200: 168 193 247;
  --brand-300: 124 161 243;
  --brand-400: 81 130 239;
  --brand-500: 37 99 235;
  --brand-600: 33 89 212;
  --brand-700: 27 73 174;
  --brand-800: 21 58 138;
  --brand-900: 16 44 106;
  --brand-950: 18 34 71;
  --navy: #1B49AE;
  --navy-2: #2159D4;
  --navy-3: #2563EB;
  --palette-accent: #2159D4;
  --palette-accent-hover: #1B49AE;
  --palette-accent-shadow: rgba(33, 89, 212, 0.35);
  --palette-pill-bg: rgba(33, 89, 212, 0.1);
  --palette-focus-ring: rgba(33, 89, 212, 0.2);
  --palette-tint: rgba(33, 89, 212, 0.04);
  --palette-table-border: #2159D4;
  --palette-accent-grad: linear-gradient(135deg, #2159D4 0%, #1B49AE 100%);
  --theme-primary: #2159D4;
  --theme-secondary: #1D4ED8;
  --theme-accent: #60A5FA;
  --theme-gradient: linear-gradient(135deg, #2159D4, #2563EB);
  --on-primary: #FFFFFF;
  --row-hover: rgba(33, 89, 212, 0.08);
}

/* 05_Black_Gold — Luxury executive interface */
html.dark[data-color-theme="05_Black_Gold"] {
  --brand-50: 251 248 238;
  --brand-100: 244 236 212;
  --brand-200: 233 218 169;
  --brand-300: 223 199 125;
  --brand-400: 212 181 82;
  --brand-500: 201 162 39;
  --brand-600: 177 143 34;
  --brand-700: 145 117 28;
  --brand-800: 115 93 22;
  --brand-900: 88 72 17;
  --brand-950: 43 36 14;
  --slate-50: 255 255 255;
  --slate-100: 244 244 244;
  --slate-200: 227 227 227;
  --slate-300: 204 204 204;
  --slate-400: 163 163 163;
  --slate-500: 137 135 130;
  --slate-600: 110 107 98;
  --slate-700: 81 76 61;
  --slate-800: 58 51 32;
  --slate-900: 17 17 17;
  --slate-950: 8 8 8;
  --surface-dark: 8 8 8;
  --surface-darkcard: 17 17 17;
  --surface-darkborder: 58 51 32;
  --bg: #080808;
  --panel: #111111;
  --card: #1A1A1A;
  --line: #3A3320;
  --text: #FFFFFF;
  --muted: #A3A3A3;
  --navy: #C9A227;
  --navy-2: #B18F22;
  --navy-3: #D4B552;
  --danger: #F87171;
  --palette-accent: #C9A227;
  --palette-accent-hover: #B18F22;
  --palette-accent-shadow: rgba(201, 162, 39, 0.35);
  --palette-pill-bg: rgba(201, 162, 39, 0.15);
  --palette-focus-ring: rgba(201, 162, 39, 0.25);
  --palette-tint: rgba(201, 162, 39, 0.06);
  --palette-table-th: #080808;
  --palette-table-border: #C9A227;
  --palette-accent-grad: linear-gradient(135deg,#C9A227,#F1D675);
  --theme-primary: #C9A227;
  --theme-secondary: #A8871D;
  --theme-accent: #F1D675;
  --theme-gradient: linear-gradient(135deg,#C9A227,#F1D675);
  --on-primary: #0B0B12;
  --row-alt: rgba(17, 17, 17, 0.55);
  --row-hover: rgba(201, 162, 39, 0.15);
  --chart-muted: #A3A3A3;
  --chart-grid: #3A3320;
  --chart-text: #FFFFFF;
  --chart-text-soft: #CCCCCC;
}
html:not(.dark)[data-color-theme="05_Black_Gold"] {
  --brand-50: 251 248 238;
  --brand-100: 244 236 212;
  --brand-200: 233 218 169;
  --brand-300: 223 199 125;
  --brand-400: 212 181 82;
  --brand-500: 201 162 39;
  --brand-600: 141 113 27;
  --brand-700: 116 93 22;
  --brand-800: 92 73 18;
  --brand-900: 70 56 14;
  --brand-950: 43 44 42;
  --navy: #745D16;
  --navy-2: #8D711B;
  --navy-3: #C9A227;
  --palette-accent: #8D711B;
  --palette-accent-hover: #745D16;
  --palette-accent-shadow: rgba(141, 113, 27, 0.35);
  --palette-pill-bg: rgba(141, 113, 27, 0.1);
  --palette-focus-ring: rgba(141, 113, 27, 0.2);
  --palette-tint: rgba(141, 113, 27, 0.04);
  --palette-table-border: #8D711B;
  --palette-accent-grad: linear-gradient(135deg, #8D711B 0%, #745D16 100%);
  --theme-primary: #8D711B;
  --theme-secondary: #A8871D;
  --theme-accent: #F1D675;
  --theme-gradient: linear-gradient(135deg, #8D711B, #C9A227);
  --on-primary: #FFFFFF;
  --row-hover: rgba(141, 113, 27, 0.08);
}

/* 06_Emerald_Dark — Calm professional business dashboard */
html.dark[data-color-theme="06_Emerald_Dark"] {
  --brand-50: 236 249 245;
  --brand-100: 207 241 230;
  --brand-200: 159 227 205;
  --brand-300: 112 213 179;
  --brand-400: 64 199 154;
  --brand-500: 16 185 129;
  --brand-600: 14 166 116;
  --brand-700: 11 136 95;
  --brand-800: 9 108 75;
  --brand-900: 7 83 58;
  --brand-950: 9 49 36;
  --slate-50: 240 253 244;
  --slate-100: 228 243 234;
  --slate-200: 211 228 218;
  --slate-300: 187 207 196;
  --slate-400: 143 169 157;
  --slate-500: 116 145 132;
  --slate-600: 88 120 108;
  --slate-700: 57 93 80;
  --slate-800: 33 72 58;
  --slate-900: 13 33 26;
  --slate-950: 7 19 15;
  --surface-dark: 7 19 15;
  --surface-darkcard: 13 33 26;
  --surface-darkborder: 33 72 58;
  --bg: #07130F;
  --panel: #0D211A;
  --card: #123026;
  --line: #21483A;
  --text: #F0FDF4;
  --muted: #8FA99D;
  --navy: #10B981;
  --navy-2: #0EA674;
  --navy-3: #40C79A;
  --danger: #F87171;
  --palette-accent: #10B981;
  --palette-accent-hover: #0EA674;
  --palette-accent-shadow: rgba(16, 185, 129, 0.35);
  --palette-pill-bg: rgba(16, 185, 129, 0.15);
  --palette-focus-ring: rgba(16, 185, 129, 0.25);
  --palette-tint: rgba(16, 185, 129, 0.06);
  --palette-table-th: #07130F;
  --palette-table-border: #10B981;
  --palette-accent-grad: linear-gradient(135deg,#10B981,#34D399);
  --theme-primary: #10B981;
  --theme-secondary: #059669;
  --theme-accent: #34D399;
  --theme-gradient: linear-gradient(135deg,#10B981,#34D399);
  --on-primary: #0B0B12;
  --row-alt: rgba(13, 33, 26, 0.55);
  --row-hover: rgba(16, 185, 129, 0.15);
  --chart-muted: #8FA99D;
  --chart-grid: #21483A;
  --chart-text: #F0FDF4;
  --chart-text-soft: #BBCFC4;
}
html:not(.dark)[data-color-theme="06_Emerald_Dark"] {
  --brand-50: 236 249 245;
  --brand-100: 207 241 230;
  --brand-200: 159 227 205;
  --brand-300: 112 213 179;
  --brand-400: 64 199 154;
  --brand-500: 16 185 129;
  --brand-600: 12 133 93;
  --brand-700: 10 109 76;
  --brand-800: 8 86 60;
  --brand-900: 6 66 46;
  --brand-950: 15 47 55;
  --navy: #0A6D4C;
  --navy-2: #0C855D;
  --navy-3: #10B981;
  --palette-accent: #0C855D;
  --palette-accent-hover: #0A6D4C;
  --palette-accent-shadow: rgba(12, 133, 93, 0.35);
  --palette-pill-bg: rgba(12, 133, 93, 0.1);
  --palette-focus-ring: rgba(12, 133, 93, 0.2);
  --palette-tint: rgba(12, 133, 93, 0.04);
  --palette-table-border: #0C855D;
  --palette-accent-grad: linear-gradient(135deg, #0C855D 0%, #0A6D4C 100%);
  --theme-primary: #0C855D;
  --theme-secondary: #059669;
  --theme-accent: #34D399;
  --theme-gradient: linear-gradient(135deg, #0C855D, #10B981);
  --on-primary: #FFFFFF;
  --row-hover: rgba(12, 133, 93, 0.08);
}

/* 07_Ocean — ERP, analytics and operational dashboard */
html.dark[data-color-theme="07_Ocean"] {
  --brand-50: 236 248 253;
  --brand-100: 207 237 251;
  --brand-200: 159 219 246;
  --brand-300: 110 201 242;
  --brand-400: 62 183 237;
  --brand-500: 14 165 233;
  --brand-600: 13 158 224;
  --brand-700: 11 130 184;
  --brand-800: 8 103 146;
  --brand-900: 6 79 112;
  --brand-950: 7 50 71;
  --slate-50: 236 254 255;
  --slate-100: 224 244 246;
  --slate-200: 207 229 233;
  --slate-300: 183 208 214;
  --slate-400: 139 170 181;
  --slate-500: 111 146 158;
  --slate-600: 83 122 136;
  --slate-700: 52 95 110;
  --slate-800: 27 74 90;
  --slate-900: 10 39 52;
  --slate-950: 6 25 35;
  --surface-dark: 6 25 35;
  --surface-darkcard: 10 39 52;
  --surface-darkborder: 27 74 90;
  --bg: #061923;
  --panel: #0A2734;
  --card: #103746;
  --line: #1B4A5A;
  --text: #ECFEFF;
  --muted: #8BAAB5;
  --navy: #0EA5E9;
  --navy-2: #0D9EE0;
  --navy-3: #3EB7ED;
  --danger: #EF4444;
  --palette-accent: #0EA5E9;
  --palette-accent-hover: #0D9EE0;
  --palette-accent-shadow: rgba(14, 165, 233, 0.35);
  --palette-pill-bg: rgba(14, 165, 233, 0.15);
  --palette-focus-ring: rgba(14, 165, 233, 0.25);
  --palette-tint: rgba(14, 165, 233, 0.06);
  --palette-table-th: #061923;
  --palette-table-border: #0EA5E9;
  --palette-accent-grad: linear-gradient(135deg,#0EA5E9,#2DD4BF);
  --theme-primary: #0EA5E9;
  --theme-secondary: #0284C7;
  --theme-accent: #2DD4BF;
  --theme-gradient: linear-gradient(135deg,#0EA5E9,#2DD4BF);
  --on-primary: #0B0B12;
  --row-alt: rgba(10, 39, 52, 0.55);
  --row-hover: rgba(14, 165, 233, 0.15);
  --chart-muted: #8BAAB5;
  --chart-grid: #1B4A5A;
  --chart-text: #ECFEFF;
  --chart-text-soft: #B7D0D6;
}
html:not(.dark)[data-color-theme="07_Ocean"] {
  --brand-50: 236 248 253;
  --brand-100: 207 237 251;
  --brand-200: 159 219 246;
  --brand-300: 110 201 242;
  --brand-400: 62 183 237;
  --brand-500: 14 165 233;
  --brand-600: 11 125 177;
  --brand-700: 9 103 145;
  --brand-800: 7 81 115;
  --brand-900: 6 62 88;
  --brand-950: 15 44 71;
  --navy: #096791;
  --navy-2: #0B7DB1;
  --navy-3: #0EA5E9;
  --palette-accent: #0B7DB1;
  --palette-accent-hover: #096791;
  --palette-accent-shadow: rgba(11, 125, 177, 0.35);
  --palette-pill-bg: rgba(11, 125, 177, 0.1);
  --palette-focus-ring: rgba(11, 125, 177, 0.2);
  --palette-tint: rgba(11, 125, 177, 0.04);
  --palette-table-border: #0B7DB1;
  --palette-accent-grad: linear-gradient(135deg, #0B7DB1 0%, #096791 100%);
  --theme-primary: #0B7DB1;
  --theme-secondary: #0284C7;
  --theme-accent: #2DD4BF;
  --theme-gradient: linear-gradient(135deg, #0B7DB1, #0EA5E9);
  --on-primary: #FFFFFF;
  --row-hover: rgba(11, 125, 177, 0.08);
}

/* 08_Dark_Orange — Bold modern operations interface */
html.dark[data-color-theme="08_Dark_Orange"] {
  --brand-50: 255 244 236;
  --brand-100: 254 227 208;
  --brand-200: 253 199 162;
  --brand-300: 251 171 115;
  --brand-400: 250 143 69;
  --brand-500: 249 115 22;
  --brand-600: 239 110 21;
  --brand-700: 196 90 17;
  --brand-800: 155 72 14;
  --brand-900: 120 55 10;
  --brand-950: 60 29 9;
  --slate-50: 255 247 237;
  --slate-100: 247 237 226;
  --slate-200: 234 221 210;
  --slate-300: 216 199 188;
  --slate-400: 185 160 147;
  --slate-500: 159 132 118;
  --slate-600: 134 104 88;
  --slate-700: 105 73 55;
  --slate-800: 82 48 29;
  --slate-900: 33 17 9;
  --slate-950: 18 10 6;
  --surface-dark: 18 10 6;
  --surface-darkcard: 33 17 9;
  --surface-darkborder: 82 48 29;
  --bg: #120A06;
  --panel: #211109;
  --card: #32180D;
  --line: #52301D;
  --text: #FFF7ED;
  --muted: #B9A093;
  --navy: #F97316;
  --navy-2: #EF6E15;
  --navy-3: #FA8F45;
  --danger: #EF4444;
  --palette-accent: #F97316;
  --palette-accent-hover: #EF6E15;
  --palette-accent-shadow: rgba(249, 115, 22, 0.35);
  --palette-pill-bg: rgba(249, 115, 22, 0.15);
  --palette-focus-ring: rgba(249, 115, 22, 0.25);
  --palette-tint: rgba(249, 115, 22, 0.06);
  --palette-table-th: #120A06;
  --palette-table-border: #F97316;
  --palette-accent-grad: linear-gradient(135deg,#F97316,#FB923C);
  --theme-primary: #F97316;
  --theme-secondary: #EA580C;
  --theme-accent: #FB923C;
  --theme-gradient: linear-gradient(135deg,#F97316,#FB923C);
  --on-primary: #0B0B12;
  --row-alt: rgba(33, 17, 9, 0.55);
  --row-hover: rgba(249, 115, 22, 0.15);
  --chart-muted: #B9A093;
  --chart-grid: #52301D;
  --chart-text: #FFF7ED;
  --chart-text-soft: #D8C7BC;
}
html:not(.dark)[data-color-theme="08_Dark_Orange"] {
  --brand-50: 255 244 236;
  --brand-100: 254 227 208;
  --brand-200: 253 199 162;
  --brand-300: 251 171 115;
  --brand-400: 250 143 69;
  --brand-500: 249 115 22;
  --brand-600: 189 87 17;
  --brand-700: 155 71 14;
  --brand-800: 123 57 11;
  --brand-900: 94 44 8;
  --brand-950: 50 37 39;
  --navy: #9B470E;
  --navy-2: #BD5711;
  --navy-3: #F97316;
  --palette-accent: #BD5711;
  --palette-accent-hover: #9B470E;
  --palette-accent-shadow: rgba(189, 87, 17, 0.35);
  --palette-pill-bg: rgba(189, 87, 17, 0.1);
  --palette-focus-ring: rgba(189, 87, 17, 0.2);
  --palette-tint: rgba(189, 87, 17, 0.04);
  --palette-table-border: #BD5711;
  --palette-accent-grad: linear-gradient(135deg, #BD5711 0%, #9B470E 100%);
  --theme-primary: #BD5711;
  --theme-secondary: #EA580C;
  --theme-accent: #FB923C;
  --theme-gradient: linear-gradient(135deg, #BD5711, #F97316);
  --on-primary: #FFFFFF;
  --row-hover: rgba(189, 87, 17, 0.08);
}

/* 09_Burgundy — Elegant premium business interface */
html.dark[data-color-theme="09_Burgundy"] {
  --brand-50: 250 236 239;
  --brand-100: 242 208 216;
  --brand-200: 229 160 177;
  --brand-300: 216 113 138;
  --brand-400: 203 65 99;
  --brand-500: 190 18 60;
  --brand-600: 171 16 54;
  --brand-700: 140 13 44;
  --brand-800: 111 10 35;
  --brand-900: 86 8 27;
  --brand-950: 49 9 20;
  --slate-50: 255 241 242;
  --slate-100: 247 231 232;
  --slate-200: 234 215 218;
  --slate-300: 216 193 197;
  --slate-400: 185 154 161;
  --slate-500: 160 124 133;
  --slate-600: 134 94 104;
  --slate-700: 106 61 73;
  --slate-800: 84 35 48;
  --slate-900: 33 13 20;
  --slate-950: 18 7 11;
  --surface-dark: 18 7 11;
  --surface-darkcard: 33 13 20;
  --surface-darkborder: 84 35 48;
  --bg: #12070B;
  --panel: #210D14;
  --card: #32121D;
  --line: #542330;
  --text: #FFF1F2;
  --muted: #B99AA1;
  --navy: #BE123C;
  --navy-2: #AB1036;
  --navy-3: #CB4163;
  --danger: #F87171;
  --palette-accent: #BE123C;
  --palette-accent-hover: #AB1036;
  --palette-accent-shadow: rgba(190, 18, 60, 0.35);
  --palette-pill-bg: rgba(190, 18, 60, 0.15);
  --palette-focus-ring: rgba(190, 18, 60, 0.25);
  --palette-tint: rgba(190, 18, 60, 0.06);
  --palette-table-th: #12070B;
  --palette-table-border: #BE123C;
  --palette-accent-grad: linear-gradient(135deg,#BE123C,#FB7185);
  --theme-primary: #BE123C;
  --theme-secondary: #9F1239;
  --theme-accent: #FB7185;
  --theme-gradient: linear-gradient(135deg,#BE123C,#FB7185);
  --on-primary: #FFFFFF;
  --row-alt: rgba(33, 13, 20, 0.55);
  --row-hover: rgba(190, 18, 60, 0.15);
  --chart-muted: #B99AA1;
  --chart-grid: #542330;
  --chart-text: #FFF1F2;
  --chart-text-soft: #D8C1C5;
}
html:not(.dark)[data-color-theme="09_Burgundy"] {
  --brand-50: 250 236 239;
  --brand-100: 242 208 216;
  --brand-200: 229 160 177;
  --brand-300: 216 113 138;
  --brand-400: 203 65 99;
  --brand-500: 190 18 60;
  --brand-600: 171 16 54;
  --brand-700: 140 13 44;
  --brand-800: 111 10 35;
  --brand-900: 86 8 27;
  --brand-950: 41 22 45;
  --navy: #8C0D2C;
  --navy-2: #AB1036;
  --navy-3: #BE123C;
  --palette-accent: #AB1036;
  --palette-accent-hover: #8C0D2C;
  --palette-accent-shadow: rgba(171, 16, 54, 0.35);
  --palette-pill-bg: rgba(171, 16, 54, 0.1);
  --palette-focus-ring: rgba(171, 16, 54, 0.2);
  --palette-tint: rgba(171, 16, 54, 0.04);
  --palette-table-border: #AB1036;
  --palette-accent-grad: linear-gradient(135deg, #AB1036 0%, #8C0D2C 100%);
  --theme-primary: #AB1036;
  --theme-secondary: #9F1239;
  --theme-accent: #FB7185;
  --theme-gradient: linear-gradient(135deg, #AB1036, #BE123C);
  --on-primary: #FFFFFF;
  --row-hover: rgba(171, 16, 54, 0.08);
}

/* 10_Neon_Aurora — High-impact futuristic AI interface */
html.dark[data-color-theme="10_Neon_Aurora"] {
  --brand-50: 246 242 254;
  --brand-100: 232 222 253;
  --brand-200: 209 190 251;
  --brand-300: 185 157 250;
  --brand-400: 162 125 248;
  --brand-500: 139 92 246;
  --brand-600: 125 83 221;
  --brand-700: 103 68 181;
  --brand-800: 81 54 144;
  --brand-900: 62 42 110;
  --brand-950: 29 21 57;
  --slate-50: 255 255 255;
  --slate-100: 243 244 245;
  --slate-200: 225 227 231;
  --slate-300: 201 204 211;
  --slate-400: 156 163 175;
  --slate-500: 127 132 150;
  --slate-600: 98 102 126;
  --slate-700: 66 68 99;
  --slate-800: 41 41 77;
  --slate-900: 12 12 28;
  --slate-950: 5 5 16;
  --surface-dark: 5 5 16;
  --surface-darkcard: 12 12 28;
  --surface-darkborder: 41 41 77;
  --bg: #050510;
  --panel: #0C0C1C;
  --card: #14142B;
  --line: #29294D;
  --text: #FFFFFF;
  --muted: #9CA3AF;
  --navy: #8B5CF6;
  --navy-2: #7D53DD;
  --navy-3: #A27DF8;
  --danger: #FB7185;
  --palette-accent: #8B5CF6;
  --palette-accent-hover: #7D53DD;
  --palette-accent-shadow: rgba(139, 92, 246, 0.35);
  --palette-pill-bg: rgba(139, 92, 246, 0.15);
  --palette-focus-ring: rgba(139, 92, 246, 0.25);
  --palette-tint: rgba(139, 92, 246, 0.06);
  --palette-table-th: #050510;
  --palette-table-border: #8B5CF6;
  --palette-accent-grad: linear-gradient(135deg,#8B5CF6,#06B6D4,#EC4899);
  --theme-primary: #8B5CF6;
  --theme-secondary: #06B6D4;
  --theme-accent: #EC4899;
  --theme-gradient: linear-gradient(135deg,#8B5CF6,#06B6D4,#EC4899);
  --on-primary: #0B0B12;
  --row-alt: rgba(12, 12, 28, 0.55);
  --row-hover: rgba(139, 92, 246, 0.15);
  --chart-muted: #9CA3AF;
  --chart-grid: #29294D;
  --chart-text: #FFFFFF;
  --chart-text-soft: #C9CCD3;
}
html:not(.dark)[data-color-theme="10_Neon_Aurora"] {
  --brand-50: 246 242 254;
  --brand-100: 232 222 253;
  --brand-200: 209 190 251;
  --brand-300: 185 157 250;
  --brand-400: 162 125 248;
  --brand-500: 139 92 246;
  --brand-600: 133 88 236;
  --brand-700: 109 72 194;
  --brand-800: 86 57 153;
  --brand-900: 66 44 118;
  --brand-950: 34 33 73;
  --navy: #6D48C2;
  --navy-2: #8558EC;
  --navy-3: #8B5CF6;
  --palette-accent: #8558EC;
  --palette-accent-hover: #6D48C2;
  --palette-accent-shadow: rgba(133, 88, 236, 0.35);
  --palette-pill-bg: rgba(133, 88, 236, 0.1);
  --palette-focus-ring: rgba(133, 88, 236, 0.2);
  --palette-tint: rgba(133, 88, 236, 0.04);
  --palette-table-border: #8558EC;
  --palette-accent-grad: linear-gradient(135deg, #8558EC 0%, #6D48C2 100%);
  --theme-primary: #8558EC;
  --theme-secondary: #06B6D4;
  --theme-accent: #EC4899;
  --theme-gradient: linear-gradient(135deg, #8558EC, #8B5CF6);
  --on-primary: #FFFFFF;
  --row-hover: rgba(133, 88, 236, 0.08);
}

/* 11_Cinematic_Teal_Copper — Luxury corporate analytics (بترولي عميق + نحاسي دافئ), مصمم أساسًا للوضع النهاري */
html.dark[data-color-theme="cinematic-teal-copper-light"] {
  --brand-50: 240 253 250;
  --brand-100: 204 251 241;
  --brand-200: 153 246 228;
  --brand-300: 94 234 212;
  --brand-400: 45 212 191;
  --brand-500: 20 184 166;
  --brand-600: 13 148 136;
  --brand-700: 15 118 110;
  --brand-800: 15 77 74;
  --brand-900: 8 59 58;
  --brand-950: 6 47 48;
  --slate-50: 236 250 249;
  --slate-100: 219 238 236;
  --slate-200: 195 222 219;
  --slate-300: 163 199 195;
  --slate-400: 130 175 170;
  --slate-500: 99 148 143;
  --slate-600: 74 116 112;
  --slate-700: 52 87 84;
  --slate-800: 31 56 54;
  --slate-900: 14 30 29;
  --slate-950: 7 17 16;
  --surface-dark: 6 47 48;
  --surface-darkcard: 8 59 58;
  --surface-darkborder: 20 95 91;
  --bg: #062F30;
  --panel: #083B3A;
  --card: #0F4D4A;
  --line: #145F5B;
  --text: #EAF6F4;
  --muted: #8FB5B0;
  --navy: #14B8A6;
  --navy-2: #0F766E;
  --navy-3: #5EEAD4;
  --danger: #DC3B32;
  --palette-accent: #14B8A6;
  --palette-accent-hover: #0F766E;
  --palette-accent-shadow: rgba(20, 184, 166, 0.35);
  --palette-pill-bg: rgba(20, 184, 166, 0.15);
  --palette-focus-ring: rgba(20, 184, 166, 0.25);
  --palette-tint: rgba(20, 184, 166, 0.06);
  --palette-table-th: #062F30;
  --palette-table-border: #14B8A6;
  --palette-accent-grad: linear-gradient(135deg,#0F4D4A 0%,#0F766E 45%,#D95F1F 78%,#FF8A3D 100%);
  --theme-primary: #0F766E;
  --theme-secondary: #0F4D4A;
  --theme-accent: #F97316;
  --theme-gradient: linear-gradient(135deg,#0F766E,#F97316);
  --on-primary: #FFFFFF;
  --row-alt: rgba(8, 59, 58, 0.55);
  --row-hover: rgba(20, 184, 166, 0.15);
  --chart-muted: #8FB5B0;
  --chart-grid: #145F5B;
  --chart-text: #EAF6F4;
  --chart-text-soft: #C8E3E0;
}
html:not(.dark)[data-color-theme="cinematic-teal-copper-light"] {
  --brand-50: 240 253 250;
  --brand-100: 204 251 241;
  --brand-200: 153 246 228;
  --brand-300: 94 234 212;
  --brand-400: 45 212 191;
  --brand-500: 20 184 166;
  --brand-600: 13 148 136;
  --brand-700: 15 118 110;
  --brand-800: 15 77 74;
  --brand-900: 8 59 58;
  --brand-950: 6 47 48;
  /* خلفيات فاتحة فاخرة (تختلف عمدًا عن باقي الثيمات لتحقيق "لوحة زجاجية" مميزة — انظر cinematic.css) */
  --bg: #F4F7F7;
  --panel: #EAF0EF;
  --card: #FFFFFF;
  --line: rgba(15, 77, 74, 0.18);
  --text: #123238;
  --muted: #52666A;
  --navy: #0F766E;
  --navy-2: #0C5F58;
  --navy-3: #14B8A6;
  --danger: #DC3B32;
  --palette-accent: #0F766E;
  --palette-accent-hover: #0C5F58;
  --palette-accent-shadow: rgba(15, 118, 110, 0.30);
  --palette-pill-bg: rgba(15, 118, 110, 0.10);
  --palette-focus-ring: rgba(20, 184, 166, 0.20);
  --palette-tint: rgba(15, 118, 110, 0.05);
  --palette-table-border: #0F766E;
  --palette-accent-grad: linear-gradient(135deg,#0F4D4A 0%,#0F766E 45%,#D95F1F 78%,#FF8A3D 100%);
  --theme-primary: #0F766E;
  --theme-secondary: #0F4D4A;
  --theme-accent: #F97316;
  --theme-gradient: linear-gradient(135deg,#0F766E,#F97316);
  --on-primary: #FFFFFF;
  --row-hover: rgba(15, 118, 110, 0.08);
}

/* ---- شاشة تسجيل الدخول (الوضعين) ---- */
html[data-color-theme="01_Midnight_Blue"] {
  --login-panel: linear-gradient(145deg, #0B1120 0%, #111827 35%, #1D3661 70%, #0B1120 100%);
  --login-panel-shadow: rgba(11, 17, 32, 0.5);
  --login-accent: #06B6D4;
  --login-accent-soft: #A8E5F0;
  --login-glow: rgba(6, 182, 212, 0.3);
  --login-glow-2: rgba(59, 130, 246, 0.18);
  --login-slice: linear-gradient(135deg, #204887 0%, #3B82F6 50%, #2F68C5 100%);
  --login-page-light: linear-gradient(135deg, #EBF2FE 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="02_Purple_AI"] {
  --login-panel: linear-gradient(145deg, #0D0918 0%, #171026 35%, #331C5E 70%, #0D0918 100%);
  --login-panel-shadow: rgba(13, 9, 24, 0.5);
  --login-accent: #C084FC;
  --login-accent-soft: #E9D4FE;
  --login-glow: rgba(192, 132, 252, 0.3);
  --login-glow-2: rgba(124, 58, 237, 0.18);
  --login-slice: linear-gradient(135deg, #442082 0%, #7C3AED 50%, #632EBE 100%);
  --login-page-light: linear-gradient(135deg, #F2EBFD 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="03_Purple_Cyan"] {
  --login-panel: linear-gradient(145deg, #090A16 0%, #111329 35%, #332762 70%, #090A16 100%);
  --login-panel-shadow: rgba(9, 10, 22, 0.5);
  --login-accent: #22D3EE;
  --login-accent-soft: #B2F0F9;
  --login-glow: rgba(34, 211, 238, 0.3);
  --login-glow-2: rgba(139, 92, 246, 0.18);
  --login-slice: linear-gradient(135deg, #4C3387 0%, #8B5CF6 50%, #6F4AC5 100%);
  --login-page-light: linear-gradient(135deg, #F3EFFE 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="04_Royal_Sapphire"] {
  --login-panel: linear-gradient(145deg, #07111F 0%, #0D1B2E 35%, #142F63 70%, #07111F 100%);
  --login-panel-shadow: rgba(7, 17, 31, 0.5);
  --login-accent: #60A5FA;
  --login-accent-soft: #C7E0FD;
  --login-glow: rgba(96, 165, 250, 0.3);
  --login-glow-2: rgba(37, 99, 235, 0.18);
  --login-slice: linear-gradient(135deg, #143681 0%, #2563EB 50%, #1E4FBC 100%);
  --login-page-light: linear-gradient(135deg, #E9EFFD 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="05_Black_Gold"] {
  --login-panel: linear-gradient(145deg, #080808 0%, #111111 35%, #453A17 70%, #080808 100%);
  --login-panel-shadow: rgba(8, 8, 8, 0.5);
  --login-accent: #F1D675;
  --login-accent-soft: #FAF1CF;
  --login-glow: rgba(241, 214, 117, 0.3);
  --login-glow-2: rgba(201, 162, 39, 0.18);
  --login-slice: linear-gradient(135deg, #6F5915 0%, #C9A227 50%, #A1821F 100%);
  --login-page-light: linear-gradient(135deg, #FAF6E9 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="06_Emerald_Dark"] {
  --login-panel: linear-gradient(145deg, #07130F 0%, #0D211A 35%, #0E4C37 70%, #07130F 100%);
  --login-panel-shadow: rgba(7, 19, 15, 0.5);
  --login-accent: #34D399;
  --login-accent-soft: #B8F0DB;
  --login-glow: rgba(52, 211, 153, 0.3);
  --login-glow-2: rgba(16, 185, 129, 0.18);
  --login-slice: linear-gradient(135deg, #096647 0%, #10B981 50%, #0D9467 100%);
  --login-page-light: linear-gradient(135deg, #E7F8F2 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="07_Ocean"] {
  --login-panel: linear-gradient(145deg, #061923 0%, #0A2734 35%, #0B4A67 70%, #061923 100%);
  --login-panel-shadow: rgba(6, 25, 35, 0.5);
  --login-accent: #2DD4BF;
  --login-accent-soft: #B6F0E9;
  --login-glow: rgba(45, 212, 191, 0.3);
  --login-glow-2: rgba(14, 165, 233, 0.18);
  --login-slice: linear-gradient(135deg, #085B80 0%, #0EA5E9 50%, #0B84BA 100%);
  --login-page-light: linear-gradient(135deg, #E7F6FD 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="08_Dark_Orange"] {
  --login-panel: linear-gradient(145deg, #120A06 0%, #211109 35%, #5D2C0D 70%, #120A06 100%);
  --login-panel-shadow: rgba(18, 10, 6, 0.5);
  --login-accent: #FB923C;
  --login-accent-soft: #FED9BB;
  --login-glow: rgba(251, 146, 60, 0.3);
  --login-glow-2: rgba(249, 115, 22, 0.18);
  --login-slice: linear-gradient(135deg, #893F0C 0%, #F97316 50%, #C75C12 100%);
  --login-page-light: linear-gradient(135deg, #FEF1E8 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="09_Burgundy"] {
  --login-panel: linear-gradient(145deg, #12070B 0%, #210D14 35%, #4D0E1F 70%, #12070B 100%);
  --login-panel-shadow: rgba(18, 7, 11, 0.5);
  --login-accent: #FB7185;
  --login-accent-soft: #FECDD4;
  --login-glow: rgba(251, 113, 133, 0.3);
  --login-glow-2: rgba(190, 18, 60, 0.18);
  --login-slice: linear-gradient(135deg, #690A21 0%, #BE123C 50%, #980E30 100%);
  --login-page-light: linear-gradient(135deg, #F8E7EC 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="10_Neon_Aurora"] {
  --login-panel: linear-gradient(145deg, #050510 0%, #0C0C1C 35%, #302259 70%, #050510 100%);
  --login-panel-shadow: rgba(5, 5, 16, 0.5);
  --login-accent: #EC4899;
  --login-accent-soft: #F8BFDB;
  --login-glow: rgba(236, 72, 153, 0.3);
  --login-glow-2: rgba(139, 92, 246, 0.18);
  --login-slice: linear-gradient(135deg, #4C3387 0%, #8B5CF6 50%, #6F4AC5 100%);
  --login-page-light: linear-gradient(135deg, #F3EFFE 0%, #F1F5F9 50%, #F8FAFC 100%);
}
html[data-color-theme="cinematic-teal-copper-light"] {
  --login-panel: linear-gradient(145deg, #062F30 0%, #083B3A 35%, #0F4D4A 70%, #062F30 100%);
  --login-panel-shadow: rgba(6, 47, 48, 0.5);
  --login-accent: #FF8A3D;
  --login-accent-soft: #FFD9B8;
  --login-glow: rgba(255, 138, 61, 0.3);
  --login-glow-2: rgba(20, 184, 166, 0.22);
  --login-slice: linear-gradient(135deg, #0C5F58 0%, #14B8A6 50%, #0F766E 100%);
  --login-page-light: linear-gradient(135deg, #F4F7F7 0%, #EAF0EF 50%, #F8FAFC 100%);
}