/**
 * 全局主题 - 现代化设计变量
 * 修改 --theme-primary 后，需同步修改 --theme-primary-rgb 为对应的 R,G,B
 */
:root {
  /* 主色 - 可改为 #6366f1 等流行色 */
  --theme-primary: #6366f1;
  --theme-primary-rgb: 99, 102, 241;
  --theme-primary-dark: color-mix(in srgb, var(--theme-primary) 85%, black);
  --theme-primary-light: color-mix(in srgb, var(--theme-primary) 8%, white);
  --theme-primary-light-3: color-mix(in srgb, var(--theme-primary) 65%, white);
  --theme-primary-light-5: color-mix(in srgb, var(--theme-primary) 45%, white);
  --theme-primary-light-7: color-mix(in srgb, var(--theme-primary) 25%, white);
  --theme-primary-light-8: color-mix(in srgb, var(--theme-primary) 15%, white);
  --theme-primary-light-9: color-mix(in srgb, var(--theme-primary) 8%, white);

  /* 现代化设计变量 */
  --admin-radius-sm: 6px;
  --admin-radius: 8px;
  --admin-radius-lg: 12px;
  --admin-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --admin-shadow: 0 2px 12px rgba(0,0,0,.06);
  --admin-shadow-lg: 0 4px 20px rgba(0,0,0,.08);
  --admin-sidebar-bg: #ffffff;
  --admin-sidebar-border: rgba(0,0,0,.06);
  --admin-header-bg: #ffffff;
  --admin-main-bg: #f4f6f9;
  --admin-table-header-bg: #f5f5f5;
  --admin-table-row-bg: #ffffff;
  --admin-card-bg: #ffffff;
  --admin-text: #1f2937;
  --admin-text-secondary: #6b7280;
  --admin-text-muted: #9ca3af;
  --admin-border: #e5e7eb;

  /* Element Plus 覆盖 */
  --el-color-primary: var(--theme-primary);
  --el-color-primary-rgb: var(--theme-primary-rgb);
  --el-color-primary-light-3: var(--theme-primary-light-3);
  --el-color-primary-light-5: var(--theme-primary-light-5);
  --el-color-primary-light-7: var(--theme-primary-light-7);
  --el-color-primary-light-8: var(--theme-primary-light-8);
  --el-color-primary-light-9: var(--theme-primary-light-9);
  --el-color-primary-dark-2: var(--theme-primary-dark);
}