/* Theme A: 扁平化淡雅蓝（小圆角） */
:root{
  --color-bg: #f6f9fc;
  --color-surface: #ffffff;
  --color-title: #0f172a;
  --color-text: #1f2937;
  --color-text-2: #4b5563;
  --color-text-3: #9ca3af;
  --color-border: #e5e7eb;
  --color-hover: #f2f6ff;
  --color-nav: rgba(255,255,255,.95);

  --color-primary-50:#eff6ff;
  --color-primary-100:#dbeafe;
  --color-primary-300:#93c5fd;
  --color-primary-400:#60a5fa;
  --color-primary-600:#2563eb;
  --color-primary-700:#1d4ed8;
  --color-primary:#3b82f6;
  --color-danger:#ef4444;
  --color-success:#10b981;
  --color-warning:#f59e0b;

  /* 扁平化覆盖 */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 2px 6px rgba(0,0,0,.08);

  /* Element Plus 变量映射（与主题色系联动） */
  --el-color-primary: var(--color-primary);
  --el-color-primary-light-3: color-mix(in srgb, var(--color-primary) 70%, white);
  --el-color-primary-light-5: color-mix(in srgb, var(--color-primary) 50%, white);
  --el-color-primary-light-7: color-mix(in srgb, var(--color-primary) 30%, white);
  --el-color-primary-dark-2: color-mix(in srgb, var(--color-primary) 80%, black);
  --el-text-color-primary: var(--color-title);
  --el-text-color-regular: var(--color-text);
  --el-text-color-secondary: var(--color-text-2);
  --el-text-color-placeholder: var(--color-text-3);
  --el-border-color: var(--color-border);
  --el-border-radius-base: var(--radius-md);
  --el-bg-color: var(--color-surface);
  --el-fill-color-blank: var(--color-surface);
  --el-color-success: var(--color-success);
  --el-color-warning: var(--color-warning);
  --el-color-error: var(--color-danger);
  --el-color-info: var(--color-text-2);
}

.btn{border-radius: 6px; box-shadow: none}
.btn-primary{box-shadow: none}
.card{box-shadow: var(--shadow-xs); border-radius: 8px}
.input{border-radius: 6px}