:root {
  /* 1. 背景色板 (Background Surfaces) */
  --bg-canvas: #F3F1EC;
  --bg-surface: #FAF8F5;
  --bg-card: #FFFFFF;
  --bg-subtle: #EAE6DF;
  --bg-obsidian: #141413;
  --bg-obsidian-elevated: #24221F;
  --bg-overlay: rgba(20, 20, 19, 0.52);
  --bg-glass-light: rgba(255, 255, 255, 0.12);

  /* 2. 文字颜色 (Typography Colors) */
  --text-primary: #141413;
  --text-secondary: #52504A;
  --text-muted: #858279;
  --text-on-dark: #FAF8F5;
  --text-on-dark-muted: #CBD5E1;

  /* 3. 边框与分割线 (Borders & Dividers) */
  --border-hairline: #E2DFD7;
  --border-strong: #CFCBC0;
  --border-gold: rgba(200, 162, 90, 0.55);
  --border-on-dark: rgba(255, 255, 255, 0.22);

  /* 4. 品牌色与状态语义色 (Brand & Status Accents) */
  --accent-ink: #141413;
  --accent-ink-hover: #2C2B28;
  --accent-gold: #C8A25A;
  --accent-gold-light: #FDE68A;
  --accent-gold-soft: #FBF6E9;
  --accent-amber: #B45309;
  --accent-amber-text: #78520D;
  --accent-amber-soft: #FEF3C7;
  --accent-amber-border: #E6D09C;
  --accent-emerald: #0D7A5F;
  --accent-emerald-hover: #095E49;
  --accent-emerald-soft: #E6F4F0;
  --accent-emerald-border: #B7E4D8;
  --accent-terracotta: #C85A28;
  --accent-rose: #BE123C;
  --accent-rose-dark: #881337;
  --accent-rose-soft: #FFE4E6;
  --accent-rose-border: #FECDD3;

  /* 5. 状态色点 (Status Dots: 绿/黄/红) */
  --status-green: #10B981;
  --status-yellow: #F59E0B;
  --status-red: #EF4444;

  /* 6. 字体族 (Font Families) */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: "Songti SC", "Noto Serif SC", Georgia, serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* 7. 字号梯度 (Font Sizes) */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13.5px;
  --fs-md: 14.5px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-passkey: 22px;

  /* 8. 圆角梯度 (Border Radius) */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;

  /* 9. 阴影体系 (Shadows) */
  --shadow-card: 0 2px 10px rgba(20, 20, 19, 0.04), 0 1px 2px rgba(20, 20, 19, 0.02);
  --shadow-popover: 0 10px 28px rgba(20, 20, 19, 0.14);
  --shadow-float: 0 24px 48px -12px rgba(15, 23, 42, 0.24);
  --shadow-drawer: -14px 0 40px rgba(20, 20, 19, 0.1);

  /* 10. 间距梯度 (Spacing Scale) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* 11. 布局结构尺寸 (Layout Dimensions) */
  --sidebar-width: 248px;
  --sidebar-mobile-width: 272px;
  --drawer-width: 440px;
  --stage-max-width: 1120px;
  --header-height: 52px;
  --login-card-width: 420px;
  --passkey-card-width: 480px;
  --avatar-sm: 28px;
  --avatar-md: 34px;
  --dot-size: 9px;
  --thumb-size: 44px;
}