/* ============================================================
   AI数字员工 · 主题变量系统
   五套主题只换变量，不复制页面。
   新增主题 = 加一个 [data-theme="xxx"] 块，其余不动。
   ============================================================ */

:root {
  /* 语义色板（主题无关的固定值） */
  --brand: #2f7cf6;
  --brand-2: #21c7c7;
  --ok: #22c55e;
  --warn: #f59e0b;
  --danger: #ef4444;
  --wechat-green: #07c160;

  /* 尺寸 */
  --maxw: 1200px;
  --radius-s: 10px;
  --radius: 16px;
  --radius-l: 24px;
  --gap: 24px;

  /* 动效 */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .32s;
}

/* ---------- 1. 科技深蓝（默认） ---------- */
[data-theme="tech-blue"] {
  --bg: #070c1a;
  --bg-2: #0b1428;
  --surface: rgba(20, 32, 58, .72);
  --surface-solid: #101c33;
  --surface-2: rgba(30, 46, 80, .55);
  --border: rgba(120, 170, 255, .18);
  --border-strong: rgba(120, 170, 255, .38);
  --text: #eaf1ff;
  --text-2: #b6c6e4;
  --muted: #7f92b3;
  --accent: #4d8dff;
  --accent-2: #35d6d0;
  --on-accent: #04101f;
  --gold: #ffcf6b;
  --shadow: 0 24px 60px rgba(0, 0, 0, .55);
  --hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(77, 141, 255, .38), transparent 70%);
  --grid-line: rgba(120, 170, 255, .07);
  --phone-shell: #10141c;
  --phone-screen: #f3f4f6;
  --phone-text: #15181d;
  --kb-bg: #d8dade;
  --kb-key: #ffffff;
  --panel: rgba(12, 22, 42, .6);
}

/* ---------- 2. 商务蓝白 ---------- */
[data-theme="business"] {
  --bg: #f5f8fd;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-2: #eef4ff;
  --border: #d7e3f7;
  --border-strong: #b7cdf0;
  --text: #0e1c33;
  --text-2: #41546f;
  --muted: #75879f;
  --accent: #1857c4;
  --accent-2: #0f8f9a;
  --on-accent: #ffffff;
  --gold: #b07d12;
  --shadow: 0 18px 44px rgba(20, 54, 110, .12);
  --hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(24, 87, 196, .16), transparent 70%);
  --grid-line: rgba(24, 87, 196, .05);
  --phone-shell: #1b2230;
  --phone-screen: #f7f8fa;
  --phone-text: #15181d;
  --kb-bg: #d8dade;
  --kb-key: #ffffff;
  --panel: #ffffff;
}

/* ---------- 3. 极简浅色 ---------- */
[data-theme="minimal-light"] {
  --bg: #fbfbfa;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-2: #f3f3f1;
  --border: #e4e4e0;
  --border-strong: #cfcfc9;
  --text: #16171a;
  --text-2: #4a4c52;
  --muted: #82858c;
  --accent: #16171a;
  --accent-2: #5b5f66;
  --on-accent: #ffffff;
  --gold: #8a6d3b;
  --shadow: 0 10px 30px rgba(16, 17, 20, .07);
  --hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(0, 0, 0, .05), transparent 70%);
  --grid-line: rgba(0, 0, 0, .04);
  --phone-shell: #16171a;
  --phone-screen: #ffffff;
  --phone-text: #16171a;
  --kb-bg: #e6e6e3;
  --kb-key: #ffffff;
  --panel: #ffffff;
}

/* ---------- 4. 深色极简 ---------- */
[data-theme="minimal-dark"] {
  --bg: #0c0c0d;
  --bg-2: #131315;
  --surface: #161618;
  --surface-solid: #161618;
  --surface-2: #1e1e21;
  --border: #2a2a2e;
  --border-strong: #3d3d43;
  --text: #f2f2f3;
  --text-2: #b9b9bf;
  --muted: #85858d;
  --accent: #f2f2f3;
  --accent-2: #a8a8b0;
  --on-accent: #0c0c0d;
  --gold: #d8b878;
  --shadow: 0 20px 50px rgba(0, 0, 0, .6);
  --hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(255, 255, 255, .07), transparent 70%);
  --grid-line: rgba(255, 255, 255, .04);
  --phone-shell: #232326;
  --phone-screen: #111113;
  --phone-text: #ededf0;
  --kb-bg: #2a2a2d;
  --kb-key: #3a3a3e;
  --panel: #161618;
}

/* ---------- 5. 未来紫蓝 ---------- */
[data-theme="future-purple"] {
  --bg: #0a0620;
  --bg-2: #120a33;
  --surface: rgba(35, 22, 74, .72);
  --surface-solid: #1b1140;
  --surface-2: rgba(58, 36, 112, .5);
  --border: rgba(160, 130, 255, .22);
  --border-strong: rgba(160, 130, 255, .45);
  --text: #f1ecff;
  --text-2: #c3b6ee;
  --muted: #8d7fc0;
  --accent: #9a6bff;
  --accent-2: #21d4fd;
  --on-accent: #0a0620;
  --gold: #ffd07a;
  --shadow: 0 26px 64px rgba(12, 4, 40, .7);
  --hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(154, 107, 255, .4), transparent 70%);
  --grid-line: rgba(160, 130, 255, .08);
  --phone-shell: #17102b;
  --phone-screen: #f4f2fb;
  --phone-text: #1a1428;
  --kb-bg: #ded9ec;
  --kb-key: #ffffff;
  --panel: rgba(20, 12, 46, .65);
}