/**
 * ثيمات Opera GX — كل الإصدارات (فاتح + داكن)
 * يُطبَّق عبر: body.sigma-theme-base-{id} + .dark-mode
 */

/* ——— GX Classic ——— */
body.sigma-theme-base-gx-classic.dark-mode {
  --accent-color: #ff2948;
  --accent-hover: #ff5c72;
  --accent-glow: rgba(255, 41, 72, 0.55);
  --bg-body: #100e14;
  --sidebar-bg-start: #0d0b12;
  --sidebar-bg-end: #16141f;
  --sidebar-text: #ececf1;
  --sidebar-hover: rgba(255, 27, 45, 0.14);
  --sidebar-active: rgba(255, 27, 45, 0.26);
  --card-bg: #1c1a24;
  --header-bg: #18161f;
  --text-primary: #f2f2f7;
  --text-secondary: #a8a8b8;
  --border-color: rgba(255, 41, 72, 0.22);
  --input-bg: #22202c;
}
body.sigma-theme-base-gx-classic:not(.dark-mode) {
  --accent-color: #ff2948;
  --accent-hover: #e01535;
  --accent-glow: rgba(255, 41, 72, 0.3);
  --bg-body: #faf8f9;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f5f3f5;
  --sidebar-text: #1a1a2e;
  --sidebar-hover: rgba(255, 41, 72, 0.08);
  --sidebar-active: rgba(255, 41, 72, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #1a1a2e;
  --text-secondary: #646478;
  --border-color: rgba(255, 41, 72, 0.15);
  --input-bg: #f5f3f5;
}

/* ——— Ultraviolet ——— */
body.sigma-theme-base-gx-ultraviolet.dark-mode {
  --accent-color: #9b30ff;
  --accent-hover: #b55cff;
  --accent-glow: rgba(155, 48, 255, 0.55);
  --bg-body: #0c0814;
  --sidebar-bg-start: #100a18;
  --sidebar-bg-end: #1a1028;
  --sidebar-text: #f0ecff;
  --sidebar-hover: rgba(155, 48, 255, 0.14);
  --sidebar-active: rgba(155, 48, 255, 0.26);
  --card-bg: #1a1228;
  --header-bg: #161022;
  --text-primary: #f0ecff;
  --text-secondary: #b8a0d8;
  --border-color: rgba(155, 48, 255, 0.25);
  --input-bg: #1e1430;
}
body.sigma-theme-base-gx-ultraviolet:not(.dark-mode) {
  --accent-color: #9b30ff;
  --accent-hover: #7b20df;
  --accent-glow: rgba(155, 48, 255, 0.3);
  --bg-body: #f8f5fc;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f3eef8;
  --sidebar-text: #2a1848;
  --sidebar-hover: rgba(155, 48, 255, 0.08);
  --sidebar-active: rgba(155, 48, 255, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #2a1848;
  --text-secondary: #6a5090;
  --border-color: rgba(155, 48, 255, 0.15);
  --input-bg: #f3eef8;
}

/* ——— Sub Zero ——— */
body.sigma-theme-base-gx-sub-zero.dark-mode {
  --accent-color: #00d4ff;
  --accent-hover: #5ce4ff;
  --accent-glow: rgba(0, 212, 255, 0.55);
  --bg-body: #060e14;
  --sidebar-bg-start: #081018;
  --sidebar-bg-end: #0e1824;
  --sidebar-text: #e0f8ff;
  --sidebar-hover: rgba(0, 212, 255, 0.12);
  --sidebar-active: rgba(0, 212, 255, 0.22);
  --card-bg: #101c28;
  --header-bg: #0e1a24;
  --text-primary: #e0f8ff;
  --text-secondary: #80c8e0;
  --border-color: rgba(0, 212, 255, 0.22);
  --input-bg: #142030;
}
body.sigma-theme-base-gx-sub-zero:not(.dark-mode) {
  --accent-color: #0099cc;
  --accent-hover: #00b8e6;
  --accent-glow: rgba(0, 180, 220, 0.3);
  --bg-body: #f0f8fc;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #e8f4fa;
  --sidebar-text: #0a3048;
  --sidebar-hover: rgba(0, 180, 220, 0.1);
  --sidebar-active: rgba(0, 180, 220, 0.18);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #0a3048;
  --text-secondary: #4a7898;
  --border-color: rgba(0, 180, 220, 0.2);
  --input-bg: #e8f4fa;
}

/* ——— Frutti Di Mare ——— */
body.sigma-theme-base-gx-frutti.dark-mode {
  --accent-color: #ff6b8a;
  --accent-hover: #ff8fa8;
  --accent-glow: rgba(255, 107, 138, 0.5);
  --bg-body: #140c10;
  --sidebar-bg-start: #180e14;
  --sidebar-bg-end: #221018;
  --sidebar-text: #ffeef2;
  --sidebar-hover: rgba(255, 107, 138, 0.14);
  --sidebar-active: rgba(255, 107, 138, 0.24);
  --card-bg: #241820;
  --header-bg: #20141c;
  --text-primary: #ffeef2;
  --text-secondary: #d8a0b0;
  --border-color: rgba(255, 107, 138, 0.22);
  --input-bg: #281820;
}
body.sigma-theme-base-gx-frutti:not(.dark-mode) {
  --accent-color: #ff6b8a;
  --accent-hover: #e05070;
  --accent-glow: rgba(255, 107, 138, 0.3);
  --bg-body: #fff5f7;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #fceef2;
  --sidebar-text: #481828;
  --sidebar-hover: rgba(255, 107, 138, 0.08);
  --sidebar-active: rgba(255, 107, 138, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #481828;
  --text-secondary: #986878;
  --border-color: rgba(255, 107, 138, 0.15);
  --input-bg: #fceef2;
}

/* ——— Purple Haze ——— */
body.sigma-theme-base-gx-purple-haze.dark-mode {
  --accent-color: #b8ff00;
  --accent-hover: #ccff44;
  --accent-glow: rgba(184, 255, 0, 0.45);
  --bg-body: #0a1008;
  --sidebar-bg-start: #0e140a;
  --sidebar-bg-end: #141c10;
  --sidebar-text: #f0ffe0;
  --sidebar-hover: rgba(184, 255, 0, 0.1);
  --sidebar-active: rgba(184, 255, 0, 0.18);
  --card-bg: #182014;
  --header-bg: #141c10;
  --text-primary: #f0ffe0;
  --text-secondary: #a8c878;
  --border-color: rgba(184, 255, 0, 0.2);
  --input-bg: #1c2418;
}
body.sigma-theme-base-gx-purple-haze:not(.dark-mode) {
  --accent-color: #88cc00;
  --accent-hover: #a0e000;
  --accent-glow: rgba(136, 204, 0, 0.3);
  --bg-body: #f8fcf0;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f0f8e8;
  --sidebar-text: #283810;
  --sidebar-hover: rgba(136, 204, 0, 0.1);
  --sidebar-active: rgba(136, 204, 0, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #283810;
  --text-secondary: #688838;
  --border-color: rgba(136, 204, 0, 0.18);
  --input-bg: #f0f8e8;
}

/* ——— Vaporwave ——— */
body.sigma-theme-base-gx-vaporwave.dark-mode {
  --accent-color: #00e5cc;
  --accent-hover: #44eedd;
  --accent-glow: rgba(0, 229, 204, 0.5);
  --bg-body: #080e14;
  --sidebar-bg-start: #0a1218;
  --sidebar-bg-end: #101820;
  --sidebar-text: #e0fff8;
  --sidebar-hover: rgba(0, 229, 204, 0.12);
  --sidebar-active: rgba(0, 229, 204, 0.2);
  --card-bg: #141e24;
  --header-bg: #121a20;
  --text-primary: #e0fff8;
  --text-secondary: #80c8b8;
  --border-color: rgba(0, 229, 204, 0.22);
  --input-bg: #182028;
}
body.sigma-theme-base-gx-vaporwave:not(.dark-mode) {
  --accent-color: #00b8a8;
  --accent-hover: #00d4c0;
  --accent-glow: rgba(0, 184, 168, 0.3);
  --bg-body: #f0fcf8;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #e8f8f4;
  --sidebar-text: #083830;
  --sidebar-hover: rgba(0, 184, 168, 0.1);
  --sidebar-active: rgba(0, 184, 168, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #083830;
  --text-secondary: #488878;
  --border-color: rgba(0, 184, 168, 0.18);
  --input-bg: #e8f8f4;
}

/* ——— Rose Quartz ——— */
body.sigma-theme-base-gx-rose-quartz.dark-mode {
  --accent-color: #ff1493;
  --accent-hover: #ff44aa;
  --accent-glow: rgba(255, 20, 147, 0.5);
  --bg-body: #140810;
  --sidebar-bg-start: #180a14;
  --sidebar-bg-end: #220e1a;
  --sidebar-text: #ffe8f4;
  --sidebar-hover: rgba(255, 20, 147, 0.14);
  --sidebar-active: rgba(255, 20, 147, 0.24);
  --card-bg: #241018;
  --header-bg: #200e16;
  --text-primary: #ffe8f4;
  --text-secondary: #d888b0;
  --border-color: rgba(255, 20, 147, 0.22);
  --input-bg: #28141c;
}
body.sigma-theme-base-gx-rose-quartz:not(.dark-mode) {
  --accent-color: #ff1493;
  --accent-hover: #d01078;
  --accent-glow: rgba(255, 20, 147, 0.3);
  --bg-body: #fff5f9;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #fceef4;
  --sidebar-text: #481030;
  --sidebar-hover: rgba(255, 20, 147, 0.08);
  --sidebar-active: rgba(255, 20, 147, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #481030;
  --text-secondary: #986878;
  --border-color: rgba(255, 20, 147, 0.15);
  --input-bg: #fceef4;
}

/* ——— Hackerman ——— */
body.sigma-theme-base-gx-hackerman.dark-mode {
  --accent-color: #00ff41;
  --accent-hover: #44ff66;
  --accent-glow: rgba(0, 255, 65, 0.45);
  --bg-body: #040804;
  --sidebar-bg-start: #060a06;
  --sidebar-bg-end: #0a100a;
  --sidebar-text: #c8ffc8;
  --sidebar-hover: rgba(0, 255, 65, 0.1);
  --sidebar-active: rgba(0, 255, 65, 0.18);
  --card-bg: #0c140c;
  --header-bg: #0a120a;
  --text-primary: #c8ffc8;
  --text-secondary: #68b868;
  --border-color: rgba(0, 255, 65, 0.2);
  --input-bg: #101810;
}
body.sigma-theme-base-gx-hackerman:not(.dark-mode) {
  --accent-color: #00aa28;
  --accent-hover: #00cc30;
  --accent-glow: rgba(0, 170, 40, 0.3);
  --bg-body: #f4fcf4;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #e8f8e8;
  --sidebar-text: #083810;
  --sidebar-hover: rgba(0, 170, 40, 0.1);
  --sidebar-active: rgba(0, 170, 40, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #083810;
  --text-secondary: #488848;
  --border-color: rgba(0, 170, 40, 0.18);
  --input-bg: #e8f8e8;
}

/* ——— Lambda ——— */
body.sigma-theme-base-gx-lambda.dark-mode {
  --accent-color: #ff6600;
  --accent-hover: #ff8833;
  --accent-glow: rgba(255, 102, 0, 0.5);
  --bg-body: #100a04;
  --sidebar-bg-start: #140c06;
  --sidebar-bg-end: #1c1008;
  --sidebar-text: #ffe8d8;
  --sidebar-hover: rgba(255, 102, 0, 0.12);
  --sidebar-active: rgba(255, 102, 0, 0.22);
  --card-bg: #241808;
  --header-bg: #201408;
  --text-primary: #ffe8d8;
  --text-secondary: #c89868;
  --border-color: rgba(255, 102, 0, 0.22);
  --input-bg: #281c0c;
}
body.sigma-theme-base-gx-lambda:not(.dark-mode) {
  --accent-color: #ff6600;
  --accent-hover: #dd5500;
  --accent-glow: rgba(255, 102, 0, 0.3);
  --bg-body: #fff8f0;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #fceee0;
  --sidebar-text: #482008;
  --sidebar-hover: rgba(255, 102, 0, 0.08);
  --sidebar-active: rgba(255, 102, 0, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #482008;
  --text-secondary: #986838;
  --border-color: rgba(255, 102, 0, 0.15);
  --input-bg: #fceee0;
}

/* ——— After Eight ——— */
body.sigma-theme-base-gx-after-eight.dark-mode {
  --accent-color: #00ffaa;
  --accent-hover: #44ffbb;
  --accent-glow: rgba(0, 255, 170, 0.45);
  --bg-body: #040c0a;
  --sidebar-bg-start: #06100c;
  --sidebar-bg-end: #0a1814;
  --sidebar-text: #d8fff0;
  --sidebar-hover: rgba(0, 255, 170, 0.1);
  --sidebar-active: rgba(0, 255, 170, 0.18);
  --card-bg: #0c1c18;
  --header-bg: #0a1814;
  --text-primary: #d8fff0;
  --text-secondary: #78c8a8;
  --border-color: rgba(0, 255, 170, 0.2);
  --input-bg: #102018;
}
body.sigma-theme-base-gx-after-eight:not(.dark-mode) {
  --accent-color: #00cc88;
  --accent-hover: #00e898;
  --accent-glow: rgba(0, 204, 136, 0.3);
  --bg-body: #f0fcf8;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #e8f8f0;
  --sidebar-text: #083828;
  --sidebar-hover: rgba(0, 204, 136, 0.1);
  --sidebar-active: rgba(0, 204, 136, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #083828;
  --text-secondary: #488868;
  --border-color: rgba(0, 204, 136, 0.18);
  --input-bg: #e8f8f0;
}

/* ——— Pay-To-Win ——— */
body.sigma-theme-base-gx-pay-to-win.dark-mode {
  --accent-color: #ffd700;
  --accent-hover: #ffe033;
  --accent-glow: rgba(255, 215, 0, 0.45);
  --bg-body: #100c04;
  --sidebar-bg-start: #141006;
  --sidebar-bg-end: #1c1808;
  --sidebar-text: #fff8e0;
  --sidebar-hover: rgba(255, 215, 0, 0.1);
  --sidebar-active: rgba(255, 215, 0, 0.18);
  --card-bg: #241c08;
  --header-bg: #201808;
  --text-primary: #fff8e0;
  --text-secondary: #c8b868;
  --border-color: rgba(255, 215, 0, 0.22);
  --input-bg: #28200c;
}
body.sigma-theme-base-gx-pay-to-win:not(.dark-mode) {
  --accent-color: #ccaa00;
  --accent-hover: #e0c000;
  --accent-glow: rgba(204, 170, 0, 0.3);
  --bg-body: #fffcf0;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f8f0d8;
  --sidebar-text: #483808;
  --sidebar-hover: rgba(204, 170, 0, 0.1);
  --sidebar-active: rgba(204, 170, 0, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #483808;
  --text-secondary: #988838;
  --border-color: rgba(204, 170, 0, 0.18);
  --input-bg: #f8f0d8;
}

/* ——— White Wolf ——— */
body.sigma-theme-base-gx-white-wolf.dark-mode {
  --accent-color: #c8c8d0;
  --accent-hover: #e0e0e8;
  --accent-glow: rgba(200, 200, 208, 0.4);
  --bg-body: #0c0c10;
  --sidebar-bg-start: #101014;
  --sidebar-bg-end: #18181c;
  --sidebar-text: #f0f0f4;
  --sidebar-hover: rgba(200, 200, 208, 0.1);
  --sidebar-active: rgba(200, 200, 208, 0.18);
  --card-bg: #1c1c20;
  --header-bg: #18181c;
  --text-primary: #f0f0f4;
  --text-secondary: #a0a0a8;
  --border-color: rgba(200, 200, 208, 0.18);
  --input-bg: #202024;
}
body.sigma-theme-base-gx-white-wolf:not(.dark-mode) {
  --accent-color: #888890;
  --accent-hover: #686870;
  --accent-glow: rgba(136, 136, 144, 0.25);
  --bg-body: #f8f8fa;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f0f0f4;
  --sidebar-text: #282830;
  --sidebar-hover: rgba(136, 136, 144, 0.1);
  --sidebar-active: rgba(136, 136, 144, 0.16);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #282830;
  --text-secondary: #686870;
  --border-color: rgba(136, 136, 144, 0.18);
  --input-bg: #f0f0f4;
}

/* ——— Portal ——— */
body.sigma-theme-base-gx-portal.dark-mode {
  --accent-color: #0066ff;
  --accent-hover: #3388ff;
  --accent-glow: rgba(0, 102, 255, 0.55);
  --bg-body: #060a14;
  --sidebar-bg-start: #081018;
  --sidebar-bg-end: #0e1824;
  --sidebar-text: #e0ecff;
  --sidebar-hover: rgba(0, 102, 255, 0.12);
  --sidebar-active: rgba(0, 102, 255, 0.22);
  --card-bg: #101828;
  --header-bg: #0e1624;
  --text-primary: #e0ecff;
  --text-secondary: #80a8d8;
  --border-color: rgba(0, 102, 255, 0.22);
  --input-bg: #142030;
}
body.sigma-theme-base-gx-portal:not(.dark-mode) {
  --accent-color: #0066ff;
  --accent-hover: #0050cc;
  --accent-glow: rgba(0, 102, 255, 0.3);
  --bg-body: #f0f4fc;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #e8eef8;
  --sidebar-text: #082048;
  --sidebar-hover: rgba(0, 102, 255, 0.08);
  --sidebar-active: rgba(0, 102, 255, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #082048;
  --text-secondary: #486898;
  --border-color: rgba(0, 102, 255, 0.15);
  --input-bg: #e8eef8;
}

/* ——— Cyberpunk (إضافي) ——— */
body.sigma-theme-base-gx-cyberpunk.dark-mode {
  --accent-color: #ff00ff;
  --accent-hover: #ff44ff;
  --accent-glow: rgba(255, 0, 255, 0.5);
  --bg-body: #0c0414;
  --sidebar-bg-start: #100618;
  --sidebar-bg-end: #180a24;
  --sidebar-text: #ffe0ff;
  --sidebar-hover: rgba(255, 0, 255, 0.12);
  --sidebar-active: rgba(255, 0, 255, 0.22);
  --card-bg: #1c1028;
  --header-bg: #180c24;
  --text-primary: #ffe0ff;
  --text-secondary: #c880d8;
  --border-color: rgba(255, 0, 255, 0.22);
  --input-bg: #201430;
}
body.sigma-theme-base-gx-cyberpunk:not(.dark-mode) {
  --accent-color: #cc00cc;
  --accent-hover: #aa00aa;
  --accent-glow: rgba(204, 0, 204, 0.3);
  --bg-body: #fcf0fc;
  --sidebar-bg-start: #fff;
  --sidebar-bg-end: #f8e8f8;
  --sidebar-text: #380838;
  --sidebar-hover: rgba(204, 0, 204, 0.08);
  --sidebar-active: rgba(204, 0, 204, 0.14);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #380838;
  --text-secondary: #886888;
  --border-color: rgba(204, 0, 204, 0.15);
  --input-bg: #f8e8f8;
}

/* ——— Sigma Default (أساسي) ——— */
body.sigma-theme-base-sigma-default.dark-mode {
  --accent-color: #3b82f6;
  --accent-hover: #10b981;
  --accent-glow: transparent;
  --bg-body: #0f1419;
  --sidebar-bg-start: #1a1d29;
  --sidebar-bg-end: #15171f;
  --sidebar-text: #e8e8e8;
  --sidebar-hover: rgba(255, 255, 255, 0.05);
  --sidebar-active: rgba(255, 255, 255, 0.1);
  --card-bg: #1a1f2e;
  --header-bg: #1a1f2e;
  --text-primary: #e8e8e8;
  --text-secondary: #a8b2c0;
  --border-color: rgba(255, 255, 255, 0.1);
  --input-bg: #252a38;
}
body.sigma-theme-base-sigma-default:not(.dark-mode) {
  --accent-color: #3498db;
  --accent-hover: #2ecc71;
  --accent-glow: transparent;
  --bg-body: #f5f7fa;
  --sidebar-bg-start: #2c3e50;
  --sidebar-bg-end: #34495e;
  --sidebar-text: #fff;
  --sidebar-hover: rgba(255, 255, 255, 0.1);
  --sidebar-active: rgba(255, 255, 255, 0.15);
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #2c3e50;
  --text-secondary: #7f8c8d;
  --border-color: rgba(0, 0, 0, 0.08);
  --input-bg: #f8f9fa;
}

/* ——— تنسيق GX مشترك ——— */
body[class*="sigma-theme-base-gx-"].dark-mode {
  background-color: var(--bg-body);
  background-image:
    radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--accent-color) 12%, transparent) 0%, transparent 50%),
    linear-gradient(180deg, var(--bg-body) 0%, color-mix(in srgb, var(--bg-body) 90%, var(--accent-color)) 100%);
}

body[class*="sigma-theme-base-gx-"] .sidebar {
  border-left: 2px solid color-mix(in srgb, var(--accent-color) 40%, transparent);
  box-shadow: -6px 0 28px color-mix(in srgb, var(--accent-color) 10%, transparent);
}

body[class*="sigma-theme-base-gx-"].dark-mode .header {
  border-bottom: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
}

body[class*="sigma-theme-base-gx-"] .brand {
  color: var(--accent-color);
  text-shadow: 0 0 12px var(--accent-glow);
  font-weight: 800;
}

body[class*="sigma-theme-base-gx-"] .menu a:hover,
body[class*="sigma-theme-base-gx-"] .menu a.active-link {
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-right: 3px solid var(--accent-color);
}

body[class*="sigma-theme-base-gx-"] .theme-toggle,
body[class*="sigma-theme-base-gx-"] .theme-picker-open-btn {
  border-color: color-mix(in srgb, var(--accent-color) 35%, transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color) 15%, transparent);
}

body[class*="sigma-theme-base-gx-"] .stat-card {
  border-color: color-mix(in srgb, var(--accent-color) 18%, transparent);
}

body[class*="sigma-theme-base-gx-"] .stat-card:hover {
  border-color: color-mix(in srgb, var(--accent-color) 35%, transparent);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--accent-color) 12%, transparent);
}