/* =========================================================
   variables.css — Design Tokens
   全站唯一参数来源。任何颜色 / 字号 / 间距 / 缓动改动只在这里。
   ========================================================= */
:root {
  /* ---- Color ---- */
  --color-bg: #F5F3EC;               /* 主背景 暖奶白 */
  --color-bg-raise: #FBFAF6;         /* 浮起面(占位块、模态) */
  --color-white: #FFFFFF;
  --color-ink: #151515;              /* 主文字 */
  --color-ink-2: #2E2E2B;            /* 次级文字 */
  --color-muted: #6E6E68;            /* 辅助文字(对米白 ≈ 4.9:1) */
  --color-ink-faint: #CDCAC0;        /* 大编号、年份(装饰性,非正文) */
  --color-line: rgba(21, 21, 21, .14);
  --color-line-faint: rgba(21, 21, 21, .07);
  --color-accent: #C7F43D;           /* Acid Lime — 全站仅 6 处使用 */
  --color-accent-soft: rgba(199, 244, 61, .38);

  /* ---- Typography ---- */
  --font-zh-display: "MiSans", "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-zh-body: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-latin: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --fs-display-1: clamp(72px, 11vw, 168px);   /* Hero 姓名 */
  --fs-display-2: clamp(44px, 6.5vw, 96px);   /* 巨标题 / 收尾 */
  --fs-heading: clamp(24px, 2.6vw, 38px);
  --fs-title: 22px;
  --fs-body: 16px;
  --fs-body-lg: 18px;
  --fs-caption: 13px;
  --fs-label: 12px;
  --fs-number-xl: clamp(56px, 7vw, 104px);
  --tracking-label: .14em;

  /* ---- Spacing ---- */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 16px;
  --space-sm: 24px;
  --space-md: 40px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-2xl: 160px;

  /* ---- Layout ---- */
  --container-max: 1440px;
  --gutter: clamp(20px, 5vw, 96px);

  /* ---- Border / Radius / Shadow ---- */
  --radius-sm: 2px;
  --shadow-float: 0 8px 24px rgba(21, 21, 21, .10);

  /* ---- Z-index ---- */
  --z-base: 0;
  --z-sticky: 10;
  --z-nav: 40;
  --z-overlay: 60;
  --z-cursor: 90;
  --z-loading: 100;

  /* ---- Motion ---- */
  --duration-instant: 120ms;
  --duration-fast: 240ms;
  --duration-normal: 480ms;
  --duration-slow: 800ms;
  --duration-scene: 1200ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);       /* expo-out 入场主曲线 */
  --ease-inout: cubic-bezier(.83, 0, .17, 1);    /* pinned / 横向位移 */
  --ease-soft: cubic-bezier(.25, .1, .25, 1);    /* hover 微交互 */
  --stagger: 70ms;
}