/* 学见官网 · 设计令牌 */
:root {
  /* 墨色层次 */
  --ink-1000: #07070a;
  --ink-950: #0b0b10;
  --ink-900: #12121a;
  --ink-800: #1a1a24;

  /* 文字 */
  --paper: #f3efe6;
  --paper-70: rgba(243, 239, 230, 0.7);
  --paper-45: rgba(243, 239, 230, 0.45);
  --paper-28: rgba(243, 239, 230, 0.28);

  /* 强调 */
  --cinnabar: #c9382a;
  --cinnabar-bright: #e2553f;
  --cinnabar-dim: rgba(201, 56, 42, 0.22);
  --jade: #2e7d6b;

  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);

  /* 字体 */
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;
  --font-body: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 字号阶梯（响应式收敛） */
  --fs-display: clamp(64px, 11vw, 132px);
  --fs-h1: clamp(40px, 6vw, 72px);
  --fs-h2: clamp(30px, 4vw, 52px);
  --fs-h3: clamp(22px, 2.4vw, 30px);
  --fs-lead: clamp(17px, 1.6vw, 21px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* 间距 */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 40px;
  --gap-xl: 64px;
  --section-y: clamp(96px, 12vw, 176px);
  --container: 1200px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 140ms;
  --dur-state: 260ms;
  --dur-layout: 420ms;
  --dur-enter: 720ms;
}