/* ==========================================================================
   BIN · INTELLIGENCE — 25 套视觉主题
   --------------------------------------------------------------------------
   主题只允许覆盖 CSS 自定义属性，不得写具体组件选择器。
   这样新增一套主题 = 一个 token 块 + config.js 里一条记录，
   并且粒子、光晕、描边、徒标光晕会自动跟随配色。

   token 契约：
     --c-cyan / --c-violet / --c-pink   强调三元组
     --grad-aurora                      主渐变
     --shadow-cyan                      强调光晕
     --amb-1 / --amb-2 / --amb-3        背景氛围光
     --bg-void                          底色
     --on-accent                        主按钮上的文字色
   亮色主题额外覆盖 surface / border / text / shadow-card。
   ========================================================================== */

/* ==========================================================================
   亮色主题共享底层
   ========================================================================== */
body.theme-dawn,
body.theme-mint,
body.theme-pearl,
body.theme-lavender,
body.theme-peach,
body.theme-glacier,
body.theme-violet,
body.theme-rosegold {
	--surface-1: rgba(255, 255, 255, 0.72);
	--surface-2: rgba(255, 255, 255, 0.9);
	--surface-3: rgba(255, 255, 255, 0.99);
	--border: rgba(15, 23, 42, 0.09);
	--border-strong: rgba(15, 23, 42, 0.2);
	--text: #0f172a;
	--text-muted: rgba(15, 23, 42, 0.62);
	--text-faint: rgba(15, 23, 42, 0.42);
	--grid-line: rgba(15, 23, 42, 0.035);
	--sheen: rgba(255, 255, 255, 0.95);
	--grain-opacity: 0.02;
	--ok: #059669;
	--ok-soft: rgba(5, 150, 105, 0.12);
	--bad: #dc2626;
	--bad-soft: rgba(220, 38, 38, 0.1);
	--shadow-card: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 0 0 1px rgba(15, 23, 42, 0.04), 0 30px 60px -20px rgba(15, 23, 42, 0.18),
		0 16px 30px -12px rgba(15, 23, 42, 0.1);
	--shadow-raise: 0 20px 44px -16px rgba(15, 23, 42, 0.22);
}

/* ==========================================================================
   暗色 · DARK
   ========================================================================== */

/* 01 量子默认 */
body.theme-default {
	--bg-void: #05060f;
	--c-cyan: #22d3ee;
	--c-violet: #a78bfa;
	--c-pink: #f472b6;
	--grad-aurora: linear-gradient(135deg, #22d3ee 0%, #a78bfa 50%, #f472b6 100%);
	--shadow-cyan: 0 0 60px -10px rgba(34, 211, 238, 0.55);
	--amb-1: rgba(34, 211, 238, 0.22);
	--amb-2: rgba(167, 139, 250, 0.2);
	--amb-3: rgba(244, 114, 182, 0.16);
	--on-accent: #05060f;
}

/* 02 深邃黑金 */
body.theme-dark {
	--bg-void: #08070a;
	--c-cyan: #fbbf24;
	--c-violet: #f59e0b;
	--c-pink: #fde68a;
	--grad-aurora: linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #b45309 100%);
	--shadow-cyan: 0 0 60px -10px rgba(251, 191, 36, 0.55);
	--amb-1: rgba(251, 191, 36, 0.18);
	--amb-2: rgba(245, 158, 11, 0.14);
	--amb-3: rgba(180, 83, 9, 0.16);
	--on-accent: #1c1206;
}

/* 03 星空宇宙 */
body.theme-cosmic {
	--bg-void: #060815;
	--c-cyan: #60a5fa;
	--c-violet: #a78bfa;
	--c-pink: #f0abfc;
	--grad-aurora: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #f0abfc 100%);
	--shadow-cyan: 0 0 60px -10px rgba(96, 165, 250, 0.6);
	--amb-1: rgba(96, 165, 250, 0.24);
	--amb-2: rgba(167, 139, 250, 0.22);
	--amb-3: rgba(240, 171, 252, 0.16);
	--on-accent: #060815;
}

/* 04 深海午夜 */
body.theme-midnight {
	--bg-void: #030812;
	--c-cyan: #38bdf8;
	--c-violet: #0ea5e9;
	--c-pink: #06b6d4;
	--grad-aurora: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #0369a1 100%);
	--shadow-cyan: 0 0 60px -10px rgba(56, 189, 248, 0.6);
	--amb-1: rgba(56, 189, 248, 0.22);
	--amb-2: rgba(14, 165, 233, 0.18);
	--amb-3: rgba(3, 105, 161, 0.2);
	--on-accent: #021018;
}

/* 05 科技紫蓝（复活） */
body.theme-cyber {
	--bg-void: #0f0f23;
	--c-cyan: #8b5cf6;
	--c-violet: #7c3aed;
	--c-pink: #c4b5fd;
	--grad-aurora: linear-gradient(135deg, #c4b5fd 0%, #8b5cf6 50%, #5b21b6 100%);
	--shadow-cyan: 0 0 60px -10px rgba(139, 92, 246, 0.6);
	--amb-1: rgba(139, 92, 246, 0.26);
	--amb-2: rgba(49, 46, 129, 0.4);
	--amb-3: rgba(76, 29, 149, 0.3);
	--on-accent: #ffffff;
}

/* 06 皇家紫金（复活） */
body.theme-royal {
	--bg-void: #0b0a24;
	--c-cyan: #6366f1;
	--c-violet: #4338ca;
	--c-pink: #fbbf24;
	--grad-aurora: linear-gradient(135deg, #6366f1 0%, #4338ca 55%, #fbbf24 100%);
	--shadow-cyan: 0 0 60px -10px rgba(99, 102, 241, 0.6);
	--amb-1: rgba(99, 102, 241, 0.26);
	--amb-2: rgba(67, 56, 202, 0.28);
	--amb-3: rgba(251, 191, 36, 0.14);
	--on-accent: #ffffff;
}

/* 07 森林深绿（复活） */
body.theme-forest {
	--bg-void: #06180f;
	--c-cyan: #22c55e;
	--c-violet: #16a34a;
	--c-pink: #86efac;
	--grad-aurora: linear-gradient(135deg, #86efac 0%, #22c55e 50%, #15803d 100%);
	--shadow-cyan: 0 0 60px -10px rgba(34, 197, 94, 0.55);
	--amb-1: rgba(34, 197, 94, 0.22);
	--amb-2: rgba(21, 128, 61, 0.28);
	--amb-3: rgba(134, 239, 172, 0.12);
	--on-accent: #04240f;
}

/* 08 星际虚空（复活） */
body.theme-void {
	--bg-void: #050008;
	--c-cyan: #9966cc;
	--c-violet: #6600cc;
	--c-pink: #ccaaff;
	--grad-aurora: linear-gradient(135deg, #ccaaff 0%, #9966cc 45%, #4b0082 100%);
	--shadow-cyan: 0 0 60px -10px rgba(153, 102, 204, 0.7);
	--amb-1: rgba(153, 102, 204, 0.24);
	--amb-2: rgba(51, 0, 102, 0.5);
	--amb-3: rgba(102, 0, 204, 0.22);
	--on-accent: #f3e8ff;
}

/* 09 全息幻彩 */
body.theme-hologram {
	--bg-void: #05060f;
	--c-cyan: #5eead4;
	--c-violet: #c4b5fd;
	--c-pink: #fda4af;
	--grad-aurora: linear-gradient(135deg, #5eead4 0%, #c4b5fd 50%, #fda4af 100%);
	--shadow-cyan: 0 0 60px -10px rgba(94, 234, 212, 0.6);
	--amb-1: rgba(94, 234, 212, 0.2);
	--amb-2: rgba(196, 181, 253, 0.2);
	--amb-3: rgba(253, 164, 175, 0.18);
	--on-accent: #05060f;
}

/* ==========================================================================
   明亮 · LIGHT
   ========================================================================== */

/* 10 晨曘白昼 */
body.theme-dawn {
	--bg-void: #f5f7ff;
	--c-cyan: #0891b2;
	--c-violet: #7c3aed;
	--c-pink: #db2777;
	--grad-aurora: linear-gradient(135deg, #0891b2 0%, #7c3aed 50%, #db2777 100%);
	--shadow-cyan: 0 0 60px -10px rgba(8, 145, 178, 0.35);
	--amb-1: rgba(8, 145, 178, 0.14);
	--amb-2: rgba(124, 58, 237, 0.12);
	--amb-3: rgba(219, 39, 119, 0.1);
	--on-accent: #ffffff;
}

/* 11 薄荷奶油 */
body.theme-mint {
	--bg-void: #f2fbf7;
	--c-cyan: #14b8a6;
	--c-violet: #10b981;
	--c-pink: #06b6d4;
	--grad-aurora: linear-gradient(135deg, #14b8a6 0%, #10b981 50%, #06b6d4 100%);
	--shadow-cyan: 0 0 60px -10px rgba(20, 184, 166, 0.4);
	--amb-1: rgba(20, 184, 166, 0.16);
	--amb-2: rgba(16, 185, 129, 0.14);
	--amb-3: rgba(6, 182, 212, 0.12);
	--on-accent: #04231d;
}

/* 12 珍珠奶油 */
body.theme-pearl {
	--bg-void: #f9f8f4;
	--c-cyan: #d97706;
	--c-violet: #b45309;
	--c-pink: #fbbf24;
	--grad-aurora: linear-gradient(135deg, #fbbf24 0%, #d97706 50%, #92400e 100%);
	--shadow-cyan: 0 0 60px -10px rgba(217, 119, 6, 0.35);
	--amb-1: rgba(251, 191, 36, 0.16);
	--amb-2: rgba(217, 119, 6, 0.12);
	--amb-3: rgba(146, 64, 14, 0.1);
	--on-accent: #ffffff;
}

/* 13 薰衣草 */
body.theme-lavender {
	--bg-void: #f8f6ff;
	--c-cyan: #8b5cf6;
	--c-violet: #a855f7;
	--c-pink: #c026d3;
	--grad-aurora: linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #c026d3 100%);
	--shadow-cyan: 0 0 60px -10px rgba(139, 92, 246, 0.35);
	--amb-1: rgba(139, 92, 246, 0.16);
	--amb-2: rgba(168, 85, 247, 0.14);
	--amb-3: rgba(192, 38, 211, 0.1);
	--on-accent: #ffffff;
}

/* 14 蜜桃果茶 */
body.theme-peach {
	--bg-void: #fff8f3;
	--c-cyan: #fb923c;
	--c-violet: #f97316;
	--c-pink: #fb7185;
	--grad-aurora: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #fb7185 100%);
	--shadow-cyan: 0 0 60px -10px rgba(251, 146, 60, 0.35);
	--amb-1: rgba(251, 146, 60, 0.18);
	--amb-2: rgba(249, 115, 22, 0.12);
	--amb-3: rgba(251, 113, 133, 0.14);
	--on-accent: #4a1d05;
}

/* 15 冰川蓝白（复活） */
body.theme-glacier {
	--bg-void: #f0f9ff;
	--c-cyan: #0ea5e9;
	--c-violet: #0284c7;
	--c-pink: #7dd3fc;
	--grad-aurora: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 50%, #0369a1 100%);
	--shadow-cyan: 0 0 60px -10px rgba(14, 165, 233, 0.35);
	--amb-1: rgba(14, 165, 233, 0.16);
	--amb-2: rgba(186, 230, 253, 0.5);
	--amb-3: rgba(2, 132, 199, 0.12);
	--on-accent: #ffffff;
}

/* 16 紫罗兰梦境（复活） */
body.theme-violet {
	--bg-void: #f6f0ff;
	--c-cyan: #8b5cf6;
	--c-violet: #7c3aed;
	--c-pink: #c084fc;
	--grad-aurora: linear-gradient(135deg, #c084fc 0%, #8b5cf6 50%, #5b21b6 100%);
	--shadow-cyan: 0 0 60px -10px rgba(139, 92, 246, 0.35);
	--amb-1: rgba(192, 132, 252, 0.2);
	--amb-2: rgba(139, 92, 246, 0.14);
	--amb-3: rgba(88, 28, 135, 0.1);
	--on-accent: #ffffff;
}

/* 17 玫瑰金（复活） */
body.theme-rosegold {
	--bg-void: #fdf2f8;
	--c-cyan: #f472b6;
	--c-violet: #ec4899;
	--c-pink: #db2777;
	--grad-aurora: linear-gradient(135deg, #f9a8d4 0%, #ec4899 50%, #be185d 100%);
	--shadow-cyan: 0 0 60px -10px rgba(236, 72, 153, 0.35);
	--amb-1: rgba(249, 168, 212, 0.28);
	--amb-2: rgba(236, 72, 153, 0.12);
	--amb-3: rgba(190, 24, 93, 0.1);
	--on-accent: #ffffff;
}

/* ==========================================================================
   浓烈 · VIVID
   ========================================================================== */

/* 18 樱花粉紫 */
body.theme-sakura {
	--bg-void: #140d18;
	--c-cyan: #f9a8d4;
	--c-violet: #c084fc;
	--c-pink: #f472b6;
	--grad-aurora: linear-gradient(135deg, #f9a8d4 0%, #c084fc 50%, #f472b6 100%);
	--shadow-cyan: 0 0 60px -10px rgba(249, 168, 212, 0.5);
	--amb-1: rgba(249, 168, 212, 0.2);
	--amb-2: rgba(192, 132, 252, 0.2);
	--amb-3: rgba(244, 114, 182, 0.16);
	--on-accent: #1b0f1f;
}

/* 19 血月赤金 */
body.theme-bloodmoon {
	--bg-void: #0c0304;
	--c-cyan: #dc2626;
	--c-violet: #991b1b;
	--c-pink: #f59e0b;
	--grad-aurora: linear-gradient(135deg, #f59e0b 0%, #dc2626 50%, #450a0a 100%);
	--shadow-cyan: 0 0 60px -10px rgba(220, 38, 38, 0.6);
	--amb-1: rgba(220, 38, 38, 0.24);
	--amb-2: rgba(153, 27, 27, 0.3);
	--amb-3: rgba(245, 158, 11, 0.12);
	--on-accent: #ffffff;
}

/* 20 霓虹赛博 */
body.theme-cyberpunk {
	--bg-void: #04010a;
	--c-cyan: #00ffff;
	--c-violet: #ff00ff;
	--c-pink: #ffff00;
	--grad-aurora: linear-gradient(135deg, #00ffff 0%, #ff00ff 50%, #ffff00 100%);
	--shadow-cyan: 0 0 60px -10px rgba(0, 255, 255, 0.9);
	--amb-1: rgba(0, 255, 255, 0.2);
	--amb-2: rgba(255, 0, 255, 0.22);
	--amb-3: rgba(255, 255, 0, 0.1);
	--on-accent: #04010a;
}

/* 21 彩虹幻彩 */
body.theme-rainbow {
	--bg-void: #0a0612;
	--c-cyan: #ff6b9d;
	--c-violet: #a78bfa;
	--c-pink: #fcd34d;
	--grad-aurora: linear-gradient(
		135deg,
		#ff6b9d 0%,
		#a78bfa 25%,
		#60a5fa 50%,
		#34d399 75%,
		#fcd34d 100%
	);
	--shadow-cyan: 0 0 60px -10px rgba(255, 107, 157, 0.6);
	--amb-1: rgba(255, 107, 157, 0.2);
	--amb-2: rgba(96, 165, 250, 0.2);
	--amb-3: rgba(252, 211, 77, 0.16);
	--on-accent: #1a0a12;
}

/* 22 电光霓虹（复活） */
body.theme-neon {
	--bg-void: #000000;
	--c-cyan: #00ffff;
	--c-violet: #ff00ff;
	--c-pink: #ff0080;
	--grad-aurora: linear-gradient(45deg, #ff00ff 0%, #00ffff 50%, #ff0080 100%);
	--shadow-cyan: 0 0 60px -6px rgba(0, 255, 255, 0.95);
	--amb-1: rgba(255, 0, 255, 0.26);
	--amb-2: rgba(0, 255, 255, 0.22);
	--amb-3: rgba(128, 0, 255, 0.24);
	--on-accent: #04010a;
	--grid-line: rgba(0, 255, 255, 0.06);
}

/* 23 烈焰火山（复活） */
body.theme-inferno {
	--bg-void: #0a0402;
	--c-cyan: #ff4500;
	--c-violet: #dc143c;
	--c-pink: #ffd700;
	--grad-aurora: linear-gradient(135deg, #ffd700 0%, #ff4500 50%, #8b0000 100%);
	--shadow-cyan: 0 0 60px -8px rgba(255, 69, 0, 0.7);
	--amb-1: rgba(255, 69, 0, 0.28);
	--amb-2: rgba(139, 0, 0, 0.34);
	--amb-3: rgba(255, 215, 0, 0.12);
	--on-accent: #1a0500;
}

/* 24 极光幻境（复活） */
body.theme-aurora {
	--bg-void: #001122;
	--c-cyan: #00ffaa;
	--c-violet: #00bfff;
	--c-pink: #8a2be2;
	--grad-aurora: linear-gradient(135deg, #00ffaa 0%, #00bfff 50%, #8a2be2 100%);
	--shadow-cyan: 0 0 60px -8px rgba(0, 255, 170, 0.65);
	--amb-1: rgba(0, 255, 170, 0.22);
	--amb-2: rgba(0, 191, 255, 0.22);
	--amb-3: rgba(138, 43, 226, 0.2);
	--on-accent: #001122;
}

/* 25 独角兽彩虹（复活） */
body.theme-unicorn {
	--bg-void: #17081c;
	--c-cyan: #ff69b4;
	--c-violet: #9370db;
	--c-pink: #ffd700;
	--grad-aurora: linear-gradient(
		45deg,
		#ff69b4 0%,
		#ffa500 30%,
		#ffd700 50%,
		#00ced1 75%,
		#9370db 100%
	);
	--shadow-cyan: 0 0 60px -8px rgba(255, 105, 180, 0.65);
	--amb-1: rgba(255, 105, 180, 0.24);
	--amb-2: rgba(147, 112, 219, 0.24);
	--amb-3: rgba(0, 206, 209, 0.16);
	--on-accent: #2a0a1f;
}