/* ============================================================
   DHDMS-OS — 主题系统
   深色 / 浅色 / 霓虹 三套 CSS 变量，通过 body[data-theme] 切换
   ============================================================ */

:root {
  --font-scale: 1;
}

/* ---------------- 深色主题（默认） ---------------- */
body[data-theme="dark"] {
  --bg: #0b1026;
  --panel: #141a33;
  --window-bg: #111630;
  --input-bg: #0e1328;
  --code-bg: #0a0e20;
  --text: #e6eaf5;
  --muted: #8b93b0;
  --border: #242d52;
  --accent: #00d4ff;
  --accent2: #7b2ff7;
  --accent-glow: rgba(0, 212, 255, 0.14);
  --danger: #ff5c6c;
  --hover-bg: rgba(255, 255, 255, 0.07);
  --titlebar-bg: #161c38;
  --titlebar-bg-active: #1d2547;
  --taskbar-bg: rgba(13, 17, 36, 0.86);
}

/* ---------------- 浅色主题 ---------------- */
body[data-theme="light"] {
  --bg: #eef1f8;
  --panel: #ffffff;
  --window-bg: #f7f9fe;
  --input-bg: #f0f2f8;
  --code-bg: #f3f5fb;
  --text: #1c2333;
  --muted: #6b7390;
  --border: #d7dcea;
  --accent: #0f7bd8;
  --accent2: #6c3df0;
  --accent-glow: rgba(15, 123, 216, 0.12);
  --danger: #d93547;
  --hover-bg: rgba(20, 30, 60, 0.06);
  --titlebar-bg: #e9edf7;
  --titlebar-bg-active: #dde4f3;
  --taskbar-bg: rgba(238, 241, 248, 0.9);
}
body[data-theme="light"] .desktop-wallpaper {
  background:
    radial-gradient(1400px 800px at 15% 15%, rgba(15,123,216,0.08), transparent 55%),
    radial-gradient(1200px 900px at 85% 80%, rgba(108,61,240,0.08), transparent 55%),
    linear-gradient(160deg, #eef1f8, #dfe6f5);
}
body[data-theme="light"] .desktop-icon .dlabel { text-shadow: 0 1px 2px rgba(255,255,255,0.8); }

/* ---------------- 霓虹主题 ---------------- */
body[data-theme="neon"] {
  --bg: #0a0414;
  --panel: #170a2b;
  --window-bg: #130825;
  --input-bg: #0e051c;
  --code-bg: #0b0418;
  --text: #f0e9ff;
  --muted: #a28fc7;
  --border: #3d1f6e;
  --accent: #00fff2;
  --accent2: #ff2df7;
  --accent-glow: rgba(0, 255, 242, 0.16);
  --danger: #ff3d81;
  --hover-bg: rgba(255, 45, 247, 0.10);
  --titlebar-bg: #1c0d36;
  --titlebar-bg-active: #2a1150;
  --taskbar-bg: rgba(13, 4, 26, 0.88);
}
body[data-theme="neon"] .desktop-wallpaper {
  background:
    radial-gradient(1400px 800px at 15% 15%, rgba(0,255,242,0.14), transparent 55%),
    radial-gradient(1200px 900px at 85% 80%, rgba(255,45,247,0.15), transparent 55%),
    linear-gradient(160deg, #0a0414, #170a2b);
}
body[data-theme="neon"] .login-title,
body[data-theme="neon"] .start-brand-name {
  text-shadow: 0 0 18px var(--accent-glow);
}
body[data-theme="neon"] .taskbar-start,
body[data-theme="neon"] .login-form button,
body[data-theme="neon"] .ap-btn.primary {
  background: linear-gradient(90deg, #00fff2, #ff2df7);
  box-shadow: 0 0 18px rgba(0, 255, 242, 0.35);
}