/* tokens.css — 全站设计变量（对齐 PRD §5.2）
 * 修改这些值即可换肤；所有页面都引用此文件。
 */
:root {
  /* 主色（PRD §5.2）*/
  --color-primary: #1E40AF;          /* 稳重蓝 */
  --color-primary-dark: #1E3A8A;
  --color-accent: #EA580C;           /* 暖橙（警示句） */
  --color-bg: #F9FAFB;               /* 浅灰背景 */
  --color-fg: #111827;               /* 主要文字 */
  --color-fg-soft: #4B5563;          /* 副文字 */
  --color-border: #E5E7EB;
  --color-card: #FFFFFF;
  --color-warn-bg: #FEF3C7;
  --color-warn-fg: #92400E;

  /* 国风点缀色（Day 7 视觉微调新增；PRD §5.2 三色不动）*/
  --color-ink-red: #C8102E;          /* 朱红：印章 / 强调 hover */
  --color-gold-warm: #D4A24C;        /* 暖金：副标题 / 装饰线 / 题字感 */
  --color-bamboo: #4A7C59;           /* 竹绿：分类标签点缀 */
  --color-paper-cream: #FBF7EE;      /* 米黄宣纸：第二背景 / 卡片柔和底 */
  --color-ink-gray: #374151;         /* 淡墨：装饰线条（替代纯黑）*/
  --color-amethyst: #7C3AED;         /* 紫：邻里 / 名誉类 */

  /* 竹林色阶（Day 8 新增：竹林探索感的主调）*/
  --bamboo-pale: #EEF4EC;            /* 极浅竹：页面底色 */
  --bamboo-light: #DCE8DC;           /* 浅竹：区块背景 / 卡片底 */
  --bamboo-mid: #7FA88B;             /* 中竹：次级强调 / 边框 */
  --bamboo-dark: #2F5238;            /* 墨竹：标题点缀 / 深色文字 */

  /* 字号（PRD §5.2 正文 16px 起，标题 ≤ 24px，移动端行高 ≥ 1.6）*/
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* 圆角与阴影（Day 7 调：圆角更圆润、阴影改暖橙调 = 活泼的物理来源）*/
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 2px 6px rgba(234, 88, 12, 0.08);    /* 微暖橙 */
  --shadow-md: 0 6px 20px rgba(234, 88, 12, 0.12);   /* 暖橙明显 */
  --shadow-panda: 0 8px 24px rgba(30, 64, 175, 0.18); /* hero 吉祥物专属冷阴影 */

  /* 字体族（PRD §5.2：思源黑体 / 系统默认无衬线；法条用等宽）*/
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC",
               "Microsoft YaHei", "Source Han Sans CN", sans-serif;
  --font-mono: "SF Mono", "Source Code Pro", Consolas, "Courier New", monospace;

  /* 最小可点击区域（PRD §5.2：移动端 ≥ 44×44px 手指友好）*/
  --tap-min: 44px;
}