/* ============================================================
   design-tokens.css — 设计系统 Token（唯一视觉事实来源）
   个人主页 · White Index v0.2（白纸索引 · 版式加强版）
   规则：改颜色/字体/间距/圆角只允许改这里，组件一律引用 var(--token)
   品牌关系：与「今天吃什么」（奶油 #faf8f3 / 琥珀 #9a6b1f）同家族
   ============================================================ */

:root {
	/* ---- 色彩：白为主底，奶油区块交错，琥珀强调，深暖黑压轴 ---- */
	--bg: #ffffff; /* 主底（纯白，比品牌奶油更空气感） */
	--bg-warm: #faf8f3; /* 暖米白区块（与今天吃什么的品牌底色同源） */
	--bg-warm-2: #f3efe6; /* 更深一档暖底（封面卡底 / hover） */
	--ink: #1a1a1a; /* 主文字（品牌墨色） */
	--ink-2: #4a4540; /* 次级文字 */
	--ink-3: #8a8379; /* 元数据 / 注释 */
	--line: #e6e1d7; /* hairline 分割线 */
	--line-soft: #f1ede5; /* 更淡分割线 */
	--accent: #9a6b1f; /* 品牌琥珀（延续强调色） */
	--accent-deep: #7c5516; /* 深琥珀（hover 文字） */
	--accent-soft: #f5edde; /* 琥珀浅底（标签/高亮） */
	--accent-2: #3d2b16; /* 深棕（封面卡深色块 / 序号块） */
	--on-accent: #fffdf8; /* 琥珀底上的文字 */

	/* 压轴深色区块（联系 + 页脚）—— 暖近黑，非纯黑 */
	--deep: #241f19;
	--deep-2: #2e2820;
	--cream-on-deep: #faf6ee; /* 深底主文字 */
	--cream-on-deep-2: #b9ac97; /* 深底次级文字 */
	--amber-on-deep: #d8a94f; /* 深底上的亮琥珀（链接/强调） */
	--line-on-deep: rgba(250, 246, 238, 0.14);

	/* ---- 纸张质感（极淡噪点，全局覆层） ---- */
	--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
	--grain-opacity: 0.035;

	/* ---- 圆角：锐利编辑感（品牌一致，全 0） ---- */
	--radius-sm: 0px;
	--radius-md: 0px;
	--radius-lg: 0px;

	/* ---- 字体：英文衬线优先，中文回退 Noto Serif SC ---- */
	--font-serif:
		"Playfair Display", "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
	--font-sans:
		"Inter", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui,
		sans-serif;
	--font-mono:
		"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas,
		"Liberation Mono", monospace;

	/* ---- 字号（大而轻的衬线标题 × mono 元数据） ---- */
	--text-display: clamp(3rem, 8.5vw, 6.75rem); /* Hero 大标题 */
	--text-watermark: clamp(16rem, 40vw, 34rem); /* 背景水印字 */
	--text-title: clamp(1.875rem, 4vw, 3rem); /* 区块标题 */
	--text-statement: clamp(1.5rem, 3vw, 2.125rem); /* 关于陈述句 */
	--text-card: 1.375rem; /* 作品标题 */
	--text-body: 1rem; /* 正文 */
	--text-meta: 0.75rem; /* mono 元数据 */

	/* ---- 行高 ---- */
	--leading-display: 1.08;
	--leading-title: 1.25;
	--leading-statement: 1.55;
	--leading-body: 1.7;

	/* ---- 字距 ---- */
	--tracking-meta: 0.08em;
	--tracking-display: -0.015em;
	--tracking-label: 0.14em;

	/* ---- 间距（4px 基准） ---- */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;
	--space-24: 96px;

	/* ---- 布局 ---- */
	--container: 1320px; /* 加宽：减少两端留白（原 1200） */
	--gutter: 20px; /* 原 24 */
	--nav-h: 64px;

	/* ---- 印刷规则 ---- */
	--rule-thick: 2px;
	--rule-thin: 1px;

	/* ---- 动效 ---- */
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--duration: 0.35s;
	--duration-slow: 0.7s;
	--reveal-offset: 18px;

	/* ---- 阴影（极淡，仅 hover 浮层） ---- */
	--shadow-float: 0 18px 44px rgba(26, 26, 26, 0.08);
}