/* ============================================================
   许森个人设计系统 · Design Tokens v1
   用法：<link rel="stylesheet" href="tokens.css"> 或 @import
   规范详见 DESIGN.md
   ============================================================ */

/* 夜间主题（默认）：深林 × 亮金 */
:root {
  /* ---- 色彩 · 基底 ---- */
  --paper: #0d1712;              /* 页面底色 */
  --ink: #f0ead9;                /* 主文字 */
  --ink-soft: #7f8b76;           /* 次要文字/元信息 */
  --line: rgba(240, 234, 217, 0.14);  /* 1px 细线 */

  /* ---- 色彩 · 强调（优先级递减，金色永远唯一最高级） ---- */
  --accent: #dcbb55;  /* 一级 · 亮金：标点、强调词、hover 态 */
  --c2: #c97b4a;      /* 二级 · 陶土 */
  --c3: #5e8fa8;      /* 三级 · 黛蓝 */
  --c4: #7d9b6a;      /* 四级 · 苔绿 */
  --c5: #8f83ab;      /* 五级 · 灰紫（备用） */

  /* ---- 烫金渐变（只给标点与强调词，不得大面积使用） ---- */
  --foil: linear-gradient(105deg, #8a6b1f 0%, #dcbb55 25%, #f7ecc0 50%, #dcbb55 75%, #8a6b1f 100%);

  /* ---- 质感层 ---- */
  --grain-opacity: 0.16;
  --grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --vignette: radial-gradient(ellipse at center, transparent 45%, rgba(0, 0, 0, 0.32) 100%);

  /* ---- 字体 ---- */
  --font-sans: "Inter", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "Songti SC", serif;
  --font-en: "EB Garamond", "Noto Serif SC", serif;   /* 英文点缀，只用斜体 */
  --font-mono: "JetBrains Mono", "SF Mono", monospace;

  /* ---- 字号阶梯（对比要极端，中间地带尽量少） ---- */
  --text-display: clamp(3.4rem, 11.5vw, 11rem);   /* Hero 大标题 · serif 900 */
  --text-title: clamp(1.6rem, 3.2vw, 2.6rem);     /* 小节标题 · serif 600 */
  --text-item: clamp(1.5rem, 3.4vw, 2.8rem);      /* 列表大条目 · serif 600 */
  --text-body: clamp(1.2rem, 2.2vw, 1.8rem);      /* 引言/关于 · serif 400 */
  --text-plain: 1.05rem;                          /* 常规正文条目 · sans 500 */
  --text-meta: 0.72rem;                           /* 元信息 · mono 全大写 +0.1em 字距 */
  --text-micro: 0.62rem;                          /* 页边/角标 · mono */

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);     /* 唯一缓动：快出慢停 */
  --dur-fast: 0.3s;                               /* hover 变色 */
  --dur-med: 0.5s;                                /* 下划线/位移 */
  --dur-slow: 0.9s;                               /* 滚动 reveal */
  --stagger: 0.12s;                               /* 逐行入场间隔 */

  /* ---- 布局 ---- */
  --gutter: 4vw;          /* 页面两侧留白 */
  --grid-tick: 64px;      /* 刻度尺网格 */
}

/* 日间主题：灰绿 × 古铜金（杂色为对应的加深版） */
:root[data-theme="light"] {
  --paper: #d8dbd0;
  --ink: #1d2923;
  --ink-soft: #6d7466;
  --line: rgba(29, 41, 35, 0.16);

  --accent: #8a6420;
  --c2: #9a5630;
  --c3: #3a6a82;
  --c4: #556f42;
  --c5: #6a5f85;

  --foil: linear-gradient(105deg, #5c430f 0%, #8a6420 25%, #c49a3a 50%, #8a6420 75%, #5c430f 100%);

  --grain-opacity: 0.12;
  --vignette: radial-gradient(ellipse at center, transparent 50%, rgba(29, 41, 35, 0.22) 100%);
}