[data-theme="vercel-light"] {
  /* ================= 1. 色彩系统 ================= */
  --bg: #ffffff;
  --surface-primary: #ffffff;
  --surface-secondary: #fafafa;
  --surface-elevated: #ffffff;
  --surface-input: #ffffff;
  --surface-code: #171717;

  /* 文本系统 */
  --ink: #171717;
  --ink-secondary: #4d4d4d;
  --ink-tertiary: #808080;
  --ink-on-accent: #ffffff;
  --ink-on-code: #fafafa;

  /* 品牌与强调色 */
  --accent: #171717;
  --accent-hover: #444444;
  --accent-subtle: rgba(0, 0, 0, 0.05);
  --accent-glow: rgba(0, 0, 0, 0.02);

  /* 边框系统 */
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.12);
  --border-subtle: rgba(0, 0, 0, 0.04);

  /* 状态反馈 */
  --success: #0070f3;
  --warning: #f5a623;
  --error: #ff0000;
  --amber: #f5a623;
  --green: #00a300;
  --red: #ff0000;
  --btn-danger-border: var(--error);
  --btn-danger-text: var(--error);
  --btn-danger-bg: transparent;
  --btn-danger-hover-bg: var(--error);
  --btn-danger-hover-text: #ffffff;
  --btn-danger-hover-border: var(--error);

  /* ================= 2. 几何与视觉特效 ================= */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 9999px;

  --shadow: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
  --shadow-heavy: 0px 8px 8px -8px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);
  
  --backdrop-blur: blur(8px);
  --overlay: rgba(255, 255, 255, 0.8);
  
  /* ================= 3. 字体 ================= */
  --font-display: "Geist", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", monospace;

  /* ================= 4. 其它细节 ================= */
  --transition-fast: 0.12s;
  --btn-active-transform: scale(0.98);
}