/* =====================================================================
   AI 依搭官网 · 设计令牌（Design Tokens）
   说明：颜色、字体、圆角、阴影、间距全部集中在此，页面与组件只引用变量，
        后续换肤或调整品牌规范时只改这一处。
   ===================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --c-bg: #f7f3ec;            /* 暖象牙底 */
  --c-bg-deep: #f0eadf;       /* 浅一层的暖底，用于分区 */
  --c-surface: #ffffff;       /* 卡片白 */
  --c-ink: #1b1a18;           /* 墨黑主文字 */
  --c-ink-2: #3b3831;         /* 次级深色 */
  --c-sub: #726c62;           /* 辅助文字 */
  --c-muted: #9a9387;         /* 弱化文字 */
  --c-line: #e9e2d7;          /* 分隔线 */
  --c-line-strong: #d9cfc0;   /* 强分隔线 / 描边 */
  --c-accent: #c0563e;        /* 陶土红点缀 */
  --c-accent-deep: #a64630;   /* 陶土红 hover */
  --c-accent-soft: #f4e5de;   /* 陶土红浅底 */
  --c-success: #5f8b6e;

  /* ---------- 深色区块 ---------- */
  --c-dark: #1b1a18;
  --c-dark-2: #24221e;
  --c-dark-line: rgba(247, 243, 236, 0.14);
  --c-dark-sub: rgba(247, 243, 236, 0.64);

  /* ---------- 圆角 ---------- */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 2px 10px rgba(27, 26, 24, 0.05);
  --shadow-md: 0 14px 36px rgba(27, 26, 24, 0.09);
  --shadow-lg: 0 30px 70px rgba(27, 26, 24, 0.14);

  /* ---------- 布局 ---------- */
  --container: 1240px;
  --gutter: clamp(20px, 4vw, 40px);
  --header-h: 76px;
  --section-y: clamp(72px, 8vw, 120px);

  /* ---------- 字体 ---------- */
  --font-display: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}