/* ============================================================
   tokens.css — 设计令牌（唯一需要改动主题的地方）
   改颜色 / 间距 / 字号，只动这个文件即可全站生效
   ============================================================ */

:root {
  /* ---------- 色彩：深色底 ---------- */
  --bg:            #08090d;   /* 页面底色 */
  --bg-soft:       #0d0f15;   /* 交替区块底色 */
  --surface:       #12141c;   /* 卡片 */
  --surface-2:     #171a24;   /* 卡片悬浮 / 次级面板 */
  --border:        rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* ---------- 色彩：文字 ---------- */
  --text:       #e9ecf3;   /* 正文，对比度 ≈ 16:1 */
  --text-muted: #98a1b3;   /* 次要文字，对比度 ≈ 7.7:1 */
  --text-dim:   #7d8798;   /* 标签 / 版权，对比度 ≈ 5.4:1 */

  /* ---------- 色彩：强调 ---------- */
  --accent:      #4f8cff;
  --accent-2:    #22d3ee;
  --accent-soft: rgba(79, 140, 255, 0.14);
  --accent-line: rgba(79, 140, 255, 0.35);

  /* ---------- 间距刻度：只允许用这些值 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ---------- 字号阶梯 ---------- */
  --fs-xs:   13px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   24px;
  --fs-xl:   32px;
  --fs-2xl:  44px;
  --fs-3xl:  60px;

  /* ---------- 圆角 ---------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-xl:   26px;
  --r-full: 999px;

  /* ---------- 阴影 ---------- */
  --sh-sm:   0 1px 2px rgba(0, 0, 0, 0.40);
  --sh-md:   0 8px 24px rgba(0, 0, 0, 0.45);
  --sh-lg:   0 24px 60px rgba(0, 0, 0, 0.55);
  --sh-glow: 0 0 0 1px var(--accent-line), 0 16px 44px rgba(79, 140, 255, 0.18);

  /* ---------- 布局 ---------- */
  --container: 1140px;
  --header-h:  68px;
  --gutter:    24px;

  /* ---------- 字体：系统栈，零网络请求 ---------- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto,
          Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas,
               "Liberation Mono", monospace;

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

/* 移动端收紧留白 */
@media (max-width: 640px) {
  :root {
    --fs-2xl: 32px;
    --fs-3xl: 38px;
    --gutter: 18px;
  }
}