/* ============================================
 * 全局 Design Token / CSS 变量
 * ============================================
 * 约定：所有自定义变量以 --wo- 前缀（writeOff），
 * 避免与 Element Plus 的 --el- 命名空间冲突。
 */

:root {
  /* ---- 间距 Token ---- */
  --wo-spacing-xxs: 2px;
  --wo-spacing-xs: 4px;
  --wo-spacing-sm: 8px;
  --wo-spacing-md: 12px;
  --wo-spacing-lg: 16px;
  --wo-spacing-xl: 24px;
  --wo-spacing-xxl: 32px;

  /* ---- 圆角 ---- */
  --wo-radius-sm: 4px;
  --wo-radius-md: 6px;
  --wo-radius-lg: 8px;

  /* ---- 弹窗 / 抽屉标准档位 ---- */
  --wo-drawer-sm: 480px;
  --wo-drawer-md: 640px;
  --wo-drawer-lg: 80%;

  --wo-dialog-sm: 520px;
  --wo-dialog-md: 680px;
  --wo-dialog-lg: 860px;

  /* ---- 表单控件宽度标准档位 ---- */
  --wo-input-xs: 100px;
  --wo-input-sm: 160px;
  --wo-input-md: 220px;
  --wo-input-lg: 280px;

  /* ---- 文字颜色（引用 Element Plus 变量，保持主题一致） ---- */
  --wo-text-primary: var(--el-text-color-primary);
  --wo-text-regular: var(--el-text-color-regular);
  --wo-text-secondary: var(--el-text-color-secondary);
  --wo-text-placeholder: var(--el-text-color-placeholder);

  /* ---- 背景 & 边框（引用 Element Plus 变量） ---- */
  --wo-bg-light: #f0f2f8;
  --wo-border-light: #edf0f7;
  --wo-border-base: var(--el-border-color, #dcdfe6);

  /* ---- 品牌色 Token ---- */
  --wo-brand-primary: #3c6e91;
  --wo-brand-accent: #5c88a7;

  /* ---- 标题字重 ---- */
  --wo-font-weight-title: 700;

  /* ---- 行高 ---- */
  --wo-line-height-loose: 1.8;
}
