:root {
  /* 主体色板 (Dark Mode) */
  --bg-canvas: #1c1a17;             /* 主画布暖炭灰 */
  --bg-surface: #262421;            /* 卡片与组件背景 */
  --bg-surface-hover: #2f2d29;      /* 悬停微高亮 */
  --bg-header: #2b2a28;             /* 顶栏背景色 */
  --bg-elevated: #363430;           /* 弹出层/抽屉背景 */

  /* 文本色阶体系 */
  --text-primary: rgba(255, 255, 255, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.72);
  --text-subdued: rgba(255, 255, 255, 0.45);
  --text-on-accent: #ffffff;

  /* 品牌与强调色 */
  --color-primary: #ff8000;         /* 经典活力橙 */
  --color-primary-hover: #ff9429;
  --color-primary-subtle: rgba(255, 128, 0, 0.12);
  --color-success: #2ecc71;
  --color-warning: #f39c12;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-hover: rgba(255, 255, 255, 0.18);

  /* 几何与阴影 Tokens */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-card: 12px;
  --radius-pill: 9999px;
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.25);
  --shadow-elevated: 0 12px 32px rgba(0, 0, 0, 0.5);

  /* 排版与尺寸 */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --header-height: 72px;
  --basket-width: 360px;
  --sidebar-width: 170px;
  --search-section-gap: 20px;  /* 搜索栏与上下内容的统一间距 */
}