/* Element Plus 暗色启动垫片。色值必须与 app/assets/scss/_variables.scss 对齐；改色先改 SCSS。 */
html.dark {
  color-scheme: dark;

  /* Primary Brand: Electric Neon Purple */
  --el-color-primary: #8b5cf6;
  --el-color-primary-rgb: 139, 92, 246;
  --el-color-primary-light-3: #a78bfa;
  --el-color-primary-light-5: #c4b5fd;
  --el-color-primary-light-7: rgba(139, 92, 246, 0.28);
  --el-color-primary-light-8: rgba(139, 92, 246, 0.18);
  --el-color-primary-light-9: rgba(139, 92, 246, 0.10);
  --el-color-primary-dark-2: #7c3aed;

  /* Success / AI Action: Emerald Green (#10b981) */
  --el-color-success: #10b981;
  --el-color-success-rgb: 16, 185, 129;
  --el-color-success-light-3: #34d399;
  --el-color-success-light-5: #6ee7b7;
  --el-color-success-light-7: rgba(16, 185, 129, 0.28);
  --el-color-success-light-8: rgba(16, 185, 129, 0.18);
  --el-color-success-light-9: rgba(16, 185, 129, 0.10);
  --el-color-success-dark-2: #059669;

  /* Warning: Gold / Sunny Mango */
  --el-color-warning: #f2c45e;
  --el-color-warning-rgb: 242, 196, 94;
  --el-color-warning-light-3: #f5d487;
  --el-color-warning-light-5: #f8e3b0;
  --el-color-warning-light-7: rgba(242, 196, 94, 0.28);
  --el-color-warning-light-8: rgba(242, 196, 94, 0.18);
  --el-color-warning-light-9: rgba(242, 196, 94, 0.10);
  --el-color-warning-dark-2: #d4a338;

  /* Danger / Error: Coral Cherry */
  --el-color-danger: #ff5f6d;
  --el-color-danger-rgb: 255, 95, 109;
  --el-color-danger-light-3: #ff8691;
  --el-color-danger-light-5: #ffadb5;
  --el-color-danger-light-7: rgba(255, 95, 109, 0.28);
  --el-color-danger-light-8: rgba(255, 95, 109, 0.18);
  --el-color-danger-light-9: rgba(255, 95, 109, 0.10);
  --el-color-danger-dark-2: #dc2626;

  --el-color-error: #ff5f6d;
  --el-color-error-rgb: 255, 95, 109;
  --el-color-error-light-3: #ff8691;
  --el-color-error-light-5: #ffadb5;
  --el-color-error-light-7: rgba(255, 95, 109, 0.28);
  --el-color-error-light-8: rgba(255, 95, 109, 0.18);
  --el-color-error-light-9: rgba(255, 95, 109, 0.10);
  --el-color-error-dark-2: #dc2626;

  /* Info: Muted Slate */
  --el-color-info: #747d90;
  --el-color-info-rgb: 116, 125, 144;
  --el-color-info-light-3: #9da5b5;
  --el-color-info-light-5: #c2c7d2;
  --el-color-info-light-7: rgba(116, 125, 144, 0.28);
  --el-color-info-light-8: rgba(116, 125, 144, 0.18);
  --el-color-info-light-9: rgba(116, 125, 144, 0.10);
  --el-color-info-dark-2: #505767;

  /* Background & Surfaces (Deep Space Navy Black) */
  --el-bg-color-page: #07090f;
  --el-bg-color: #0d1017;
  --el-bg-color-overlay: #151a26;

  /* Fills */
  --el-fill-color: #151a26;
  --el-fill-color-light: #181d29;
  --el-fill-color-lighter: #11151e;
  --el-fill-color-extra-light: #0d1017;
  --el-fill-color-dark: #252b38;
  --el-fill-color-darker: #303846;
  --el-fill-color-blank: #10141c;

  /* Text Colors */
  --el-text-color-primary: #f7f8fc;
  --el-text-color-regular: #d6dae4;
  --el-text-color-secondary: #9da5b5;
  --el-text-color-placeholder: #646d7e;
  --el-text-color-disabled: #505767;

  /* Border Colors */
  --el-border-color: #252b38;
  --el-border-color-light: rgba(255, 255, 255, 0.08);
  --el-border-color-lighter: rgba(255, 255, 255, 0.05);
  --el-border-color-extra-light: rgba(255, 255, 255, 0.03);
  --el-border-color-dark: #303846;
  --el-border-color-darker: #3d4350;

  /* Masks & Overlays */
  --el-mask-color: rgba(5, 7, 11, 0.78);
  --el-mask-color-extra-light: rgba(5, 7, 11, 0.45);

  /* 暗色模式用边框分层，不用投影 */
  --el-box-shadow: none;
  --el-box-shadow-light: none;
  --el-box-shadow-lighter: none;
  --el-box-shadow-dark: none;

  /* Card & Skeletons */
  --el-card-bg-color: #0d1017;
  --el-card-border-color: rgba(255, 255, 255, 0.06);
  --el-skeleton-color: #11151e;
  --el-skeleton-to-color: #181d29;

  /* Empty state */
  --el-empty-fill-color-0: #07090f;
  --el-empty-fill-color-1: #151a26;
  --el-empty-fill-color-2: #181d29;
  --el-empty-fill-color-3: #252b38;
  --el-empty-fill-color-4: #303846;
  --el-empty-fill-color-5: #3d4350;
  --el-empty-fill-color-6: #505767;
  --el-empty-fill-color-7: #646d7e;
  --el-empty-fill-color-8: #747d90;
  --el-empty-fill-color-9: #9da5b5;
}