/* DeepSeek Harness 风格设计令牌（深色为主）
   同源派生自 .claude/skills/dsh-website-style/references/design-tokens.css
   组件内引用语义令牌，避免写死色值。 */

:root {
  /* ---- 颜色：文字 ---- */
  --ds-color-text-primary: #ffffff;
  --ds-color-text-secondary: rgba(255, 255, 255, 0.72);
  --ds-color-text-description: rgba(255, 255, 255, 0.6);
  --ds-color-text-placeholder: rgba(255, 255, 255, 0.4);
  --ds-color-text-inverse: #0f0f0f;
  --ds-color-text-link: #5b7cfa;

  /* ---- 颜色：品牌 ---- */
  --ds-color-brand: #4d6bfe;
  --ds-color-brand-deep: #3a65c2;
  --ds-color-brand-light: #73a3d2;

  /* ---- 颜色：背景 ---- */
  --ds-color-bg-page: #112038;
  --ds-color-bg-surface-1: hsla(0, 0%, 100%, 0.06);
  --ds-color-bg-surface-2: hsla(0, 0%, 100%, 0.08);
  --ds-color-bg-surface-raised: hsla(0, 0%, 100%, 0.1);
  --ds-color-bg-hover: hsla(0, 0%, 100%, 0.06);
  --ds-color-bg-code: hsla(0, 0%, 100%, 0.05);
  --ds-color-bg-input: hsla(0, 0%, 100%, 0.08);

  /* ---- 颜色：边框 ---- */
  --ds-color-border-subtle: rgba(255, 255, 255, 0.08);
  --ds-color-border-default: rgba(255, 255, 255, 0.12);
  --ds-color-border-strong: rgba(255, 255, 255, 0.2);
  --ds-color-border-brand: rgba(77, 107, 254, 0.4);

  /* ---- 圆角 ---- */
  --ds-radius-pill: 100px;
  --ds-radius-card: 24px;
  --ds-radius-panel: 16px;
  --ds-radius-media: 10px;
  --ds-radius-input: 10px;
  --ds-radius-sm: 8px;

  /* ---- 间距（8pt 网格）---- */
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 40px;
  --ds-space-8: 56px;
  --ds-space-9: 80px;
  --ds-space-10: 120px;
  --ds-space-11: 160px;
  --ds-space-12: 200px;
  --ds-space-13: 240px;

  /* ---- 效果 ---- */
  --ds-blur-glass: 12px;
  --ds-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 2px 4px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.4);
  --ds-shadow-hover: 0 0 0 1px rgba(77, 107, 254, 0.2),
    0 8px 32px rgba(0, 0, 0, 0.5);

  /* ---- 字体（系统字体栈，兼容国内访问）---- */
  --ds-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --ds-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;

  /* ---- 布局 ---- */
  --ds-max-width: 1080px;
}