:root {
  color-scheme: light;

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --color-bg: #f6f7fb;
  --color-bg-deep: #eef1f7;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8f9fc;
  --color-surface-hover: #f3f5f9;
  --color-surface-active: #ebeef5;
  --color-text: #101828;
  --color-text-secondary: #475467;
  --color-muted: #667085;
  --color-subtle: #98a2b3;
  --color-border: #e4e7ec;
  --color-border-strong: #d0d5dd;

  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-active: #3730a3;
  --color-primary-soft: #eef2ff;
  --color-primary-ring: rgba(79, 70, 229, 0.18);

  --color-success: #067647;
  --color-success-soft: #ecfdf3;
  --color-warning: #b54708;
  --color-warning-soft: #fffaeb;
  --color-danger: #b42318;
  --color-danger-hover: #912018;
  --color-danger-soft: #fef3f2;
  --color-info: #175cd3;
  --color-info-soft: #eff8ff;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 10px 30px rgba(16, 24, 40, 0.09), 0 2px 8px rgba(16, 24, 40, 0.04);
  --shadow-overlay: 0 24px 64px rgba(16, 24, 40, 0.22), 0 6px 18px rgba(16, 24, 40, 0.08);
  --shadow-primary: 0 8px 18px rgba(79, 70, 229, 0.2);

  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --duration-slow: 260ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);

  --header-height: 68px;
  --content-max: 1920px;
  --z-header: 40;
  --z-menu: 80;
  --z-overlay: 100;
  --z-toast: 240;
  --z-lightbox: 300;

  /* 兼容旧样式变量，逐模块迁移。 */
  --bg: var(--color-bg);
  --card: var(--color-surface);
  --text: var(--color-text);
  --muted: var(--color-muted);
  --border: var(--color-border);
  --primary: var(--color-primary);
  --primary-d: var(--color-primary-hover);
  --danger: var(--color-danger);
  --shadow: var(--shadow-sm);
}