/* ============================================================
   tokens.css — 设计变量（唯一色彩/字号/间距来源）
   改动这里 = 改全站。后续上 Astro 时此文件可原样复用。
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- 色彩 · 深色（站点唯一主题）---- */
  --paper: #121214;
  --surface: #1a1a1f;
  --ink: #f5f5f7;
  --ink-2: #c9c9ce;
  --muted: #86868b;
  --muted-2: #6e6e75;
  --line: #2b2b31;
  --ember: #d2694a;

  /* ---- 更深的段落底色（比 --paper 再压一档，保留明暗节奏）---- */
  --night: #08080a;
  --night-ink: #f5f5f7;
  --night-muted: #7e7e86;
  --night-line: #1c1c20;

  /* ---- 字体 ---- */
  --font-latin: "Inter Tight", "Segoe UI Variable Display", "Segoe UI", -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-cn: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-serif: "Instrument Serif", "Songti SC", "Noto Serif SC", Georgia, serif;

  /* ---- 字号（clamp 保证 1440 设计稿在移动端等比收缩）---- */
  --fs-display: clamp(44px, 6.4vw, 92px);
  --fs-h1: clamp(34px, 4.6vw, 64px);
  --fs-h2: clamp(26px, 3.2vw, 44px);
  --fs-h3: clamp(18px, 1.6vw, 22px);
  --fs-body: 16px;
  --fs-small: 13px;
  --fs-micro: 11px;
  --fs-nano: 10px;

  /* ---- 网格 ---- */
  --content: 1248px;
  --pad: 96px;
  --gap: 24px;
  --nav-h: 68px;

  /* ---- 圆角 ---- */
  --r: 4px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t1: 240ms;
  --t2: 420ms;
  --t3: 720ms;

  --shadow-lift: 0 30px 70px -30px rgb(0 0 0 / 0.8);
}

/* ============================================================
   可选：本地字体
   把字体文件放进 assets/fonts/ 并取消下面注释即可启用，
   不依赖任何网络请求。
   ============================================================ */
/*
@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/InterTight-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/NotoSansSC-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
*/