/* ============================================================================
 * css/tokens.css : AI·王陈说 个人品牌设计系统令牌 (暗色编辑风 · 黑金暖木)
 * ----------------------------------------------------------------------------
 * 严格遵循视觉规范：
 * 1. 唯一主强调色：暖金 (#c9a96e)
 * 2. 页面底色：深墨底 (#141412 / #1c1c19)
 * 3. 文字系统：暖白纸 (#e8e4dc / #a8a49c)
 * 4. 严禁破折号，严格使用中圆点、逗号、分号与冒号
 * 5. 遵循 Double-Bezel 嵌套容器、毛玻璃与 haptic 触感标准
 * ==========================================================================*/

:root {
  /* ===== 色彩体系：深墨、暖白纸、暖金 ===== */
  --ink: #141412;                    /* 页面主背景：沉稳深墨 */
  --ink-2: #1c1c19;                  /* 卡片/表面底色：略浅墨底 */
  --ink-3: #242420;                  /* 悬浮/输入框/激活态：质感暖深墨 */
  --ink-card: rgba(28, 28, 25, 0.72);/* 毛玻璃卡片基底 */
  --ink-glass: rgba(20, 20, 18, 0.85);/* 浮层与导航底色 */

  --paper: #e8e4dc;                  /* 暖白纸：主标题与重要正文 */
  --paper-dim: #a8a49c;              /* 暖灰：副标题与解释说明文案 */
  --paper-faint: #757169;            /* 淡灰：元数据、分类标签与次级信息 */

  --line: rgba(232, 228, 220, 0.10); /* 经典细分割线 */
  --line-soft: rgba(232, 228, 220, 0.05);
  --line-strong: rgba(232, 228, 220, 0.18);

  /* ===== 核心强调色：暖金 (Gold) ===== */
  --gold: #c9a96e;                   /* 唯一主强调色：沉稳暖金 */
  --gold-deep: #b08f55;              /* 暖金深色：Hover态与按压态 */
  --gold-light: #dfc593;             /* 暖金高光 */
  --gold-soft: rgba(201, 169, 110, 0.12); /* 浅金色背景衬底 */
  --gold-softer: rgba(201, 169, 110, 0.06);
  --gold-glow: rgba(201, 169, 110, 0.28); /* 柔和微光边缘 */
  --gold-border: rgba(201, 169, 110, 0.35); /* 金色边框 */

  /* ===== 辅助色 ===== */
  --pine: #5a8a6e;                   /* 典雅松针绿：微弱生命力点缀 */
  --pine-soft: rgba(90, 138, 110, 0.15);

  /* ===== 字体体系 ===== */
  --font-serif: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'STSong', 'SimSun', 'Source Han Serif CN', Georgia, serif;
  --font-sans: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', 'Roboto Mono', 'Cascadia Mono', Consolas, monospace;

  /* ===== 尺度与间距 ===== */
  --max-w: 1240px;
  --section-py: clamp(72px, 8vw, 112px);
  --container-px: clamp(20px, 4vw, 48px);

  /* ===== 圆角与几何体系 ===== */
  --r-pill: 9999px;                  /* 胶囊按钮 */
  --r-card-lg: 20px;                 /* 大卡片外框 */
  --r-card-inner: 16px;              /* 双层边框内芯 */
  --r-card: 14px;                    /* 标准卡片 */
  --r-badge: 6px;                    /* 标签微圆角 */
  --r-input: 10px;                   /* 输入框圆角 */

  /* ===== 质感与阴影 ===== */
  --shadow-card: 0 4px 24px -6px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.08);
  --shadow-card-hover: 0 12px 36px -8px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--gold-border), inset 0 1px 2px rgba(255, 255, 255, 0.15);
  --shadow-cta: 0 4px 16px rgba(201, 169, 110, 0.25);
  --shadow-cta-hover: 0 8px 24px rgba(201, 169, 110, 0.40);
  --shadow-modal: 0 24px 60px -12px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(232, 228, 220, 0.12);

  /* ===== 缓动函数 (Emil Kowalski & Apple Design) ===== */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-smooth: 400ms;
}