:root {
  /* ===== 深色主题色板 ===== */
  --bg-primary: #0a0a0a;
  --bg-secondary: #141414;
  --bg-card: #1a1a1a;
  --bg-hover: #222222;
  --bg-overlay: rgba(0,0,0,0.85);

  --text-primary: #e0dcd0;
  --text-secondary: #8a867a;
  --text-accent: #c9a84c;
  --text-system: #5a7a8b;
  --text-danger: #8b3a3a;
  --text-muted: #555;

  --border-color: #2a2a2a;
  --divider-color: #1f1f1f;

  /* ===== 字体 ===== */
  --font-body: -apple-system, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;

  /* ===== 间距 ===== */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* ===== 布局 ===== */
  --max-width: 500px;
  --topbar-height: 44px;
  --bottombar-height: 36px;

  /* ===== 动画 ===== */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;

  /* ===== 安全区域 ===== */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}