/* =========================================================
   D'Concept | EDEN 设计 Token
   来源：D'Concept | EDEN design system（Claude Design）
   改颜色 / 字体 / 间距只改这个文件
   ========================================================= */
:root {
  /* ---------- 颜色 ---------- */
  --canvas: #000000;            /* 全站底色（纯黑，Logo 永远放在这上面） */
  --surface-soft: #0d0d0d;      /* 规格表格子、页脚旁的条带 */
  --surface-card: #1a1a1a;      /* 卡片、输入框 */
  --surface-elevated: #262626;  /* 卡片里的卡片 */
  --hairline: #3c3c3c;          /* 1px 分隔线、卡片描边 */
  --ink: #ffffff;               /* 标题、主要文字 */
  --body-strong: #e6e6e6;       /* 引言段落 */
  --body: #bbbbbb;              /* 正文 */
  --muted: #7e7e7e;             /* 说明小字（只用在黑底上） */
  --d-red: #eb3238;             /* Logo 红：签名条、斜杠、下划线、大数字 */
  --d-red-strong: #c8232a;      /* 主按钮填充色（白字对比 5.6:1） */
  --d-red-bright: #ff5a52;      /* 卡片上的红色小字、错误讯息 */
  --concept-amber: #f9b24b;     /* Logo 琥珀：小标题、重点数值、焦点框 */
  --concept-amber-deep: #d9953a;
  --on-accent: #000000;         /* 琥珀底上的文字 */
  --success: #0fa336;
  --whatsapp: #25d366;          /* 只用在 WhatsApp 图标 */

  /* ---------- 间距 ---------- */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-xxl: 64px;
  --space-section: 96px;

  /* ---------- 圆角 ---------- */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-full: 9999px;

  /* ---------- 字体 ---------- */
  --font-sans: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---------- 版面 ---------- */
  --container: 1280px;
  --gutter: 24px;
  --header-h: 76px;
}

@media (max-width: 768px) {
  :root {
    --space-section: 64px;
    --space-xxl: 40px;
    --gutter: 16px;
    --header-h: 64px;
  }
}