/* tokens.css — 杨腾 · 用户增长作品集
 * 单一设计令牌源：所有颜色 / 字体 / 间距 / 动效值都从这里引用。
 * 页面内不出现任何内联颜色值（favicon 除外）。
 */
:root {
  /* —— 颜色 · 浅色区 —— */
  --color-paper: oklch(97.6% 0.006 95);        /* 页面底 */
  --color-paper-2: oklch(94.6% 0.009 95);      /* 次级底（进度条槽等） */
  --color-ink: oklch(23% 0.012 155);           /* 主文字 */
  --color-ink-2: oklch(45% 0.013 155);         /* 次级文字 */
  --color-ink-3: oklch(54% 0.011 155);         /* 注脚 / 标签 */
  --color-line: oklch(89% 0.008 155);          /* 细线 */
  --color-line-strong: oklch(80% 0.012 155);   /* 强调细线（chip 边框） */
  --color-accent: oklch(50% 0.105 160);        /* 叶绿主色 */
  --color-accent-strong: oklch(41% 0.1 160);   /* 深绿（小字强调） */
  --color-accent-soft: oklch(94.5% 0.035 160); /* 浅绿底（hover / 选区） */

  /* —— 颜色 · 深色带（工具区） —— */
  --color-band: oklch(21.5% 0.014 160);
  --color-band-2: oklch(25.5% 0.014 160);
  --color-band-3: oklch(29% 0.014 160);
  --color-band-ink: oklch(93% 0.008 160);
  --color-band-ink-2: oklch(72% 0.015 160);
  --color-band-line: oklch(33% 0.014 160);
  --color-band-accent: oklch(80% 0.12 160);
  --color-band-accent-line: oklch(45% 0.06 160);

  /* —— 字体 —— */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono",
    "Roboto Mono", Menlo, Consolas, monospace;

  /* —— 字号 —— */
  --text-display: clamp(2.1rem, 4.6vw, 3.35rem);
  --text-h2: clamp(1.45rem, 2.6vw, 2rem);
  --text-body: 1rem;

  /* —— 间距（4pt 刻度） —— */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px;  --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-short: 160ms;
  --dur-med: 320ms;

  /* —— 圆角 / 布局 —— */
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-pill: 999px;
  --container: 1080px;
}