/* ============================================================
   tokens.css — 设计令牌
   方向：自然有机 Organic / 大地色
   主导色：稻壳米白 + 深松绿；强调色：稻穗金（只留给关键动作）
   ============================================================ */
:root {
  /* --- 颜色 --- */
  --color-bg: #f6f1e5;            /* 稻壳米白 */
  --color-surface: #fffdf7;       /* 卡片纸面 */
  --color-surface-dim: #ece5d3;   /* 次级面 */
  --color-ink: #22301f;           /* 稻田近黑绿（正文） */
  --color-primary: #1f3d2b;       /* 深松绿 */
  --color-primary-deep: #142a1d;  /* 更深的绿（页脚/深底） */
  --color-muted: #6d7263;         /* 弱化文字 */
  --color-accent: #b57e1f;        /* 稻穗金 */
  --color-accent-soft: #e8c877;   /* 金的浅调 */
  --color-line: rgba(34, 48, 31, 0.16);      /* 发丝线 */
  --color-line-strong: rgba(34, 48, 31, 0.32);
  --color-on-dark: #f2ecd9;       /* 深底上的浅字 */
  --color-on-dark-muted: rgba(242, 236, 217, 0.66);

  /* --- 字体 --- */
  --font-display-latin: "Fraunces", "Noto Serif SC", serif;
  --font-display: "Noto Serif SC", "Fraunces", serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* --- 字阶（1.286 模块比例） --- */
  --fs-xs: 0.75rem;    /* 12px 标签 */
  --fs-sm: 0.875rem;   /* 14px 辅助 */
  --fs-md: 1rem;       /* 16px 正文 */
  --fs-lg: 1.25rem;    /* 20px 小标题 */
  --fs-xl: 1.625rem;   /* 26px 区块标题 */
  --fs-2xl: 2.25rem;   /* 36px */
  --fs-hero: clamp(2.75rem, 6.5vw, 5rem);   /* 首屏大字 */
  --fs-giant: clamp(4rem, 11vw, 9rem);      /* 竖排破格字 */

  /* --- 间距 --- */
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 128px;

  /* --- 圆角 --- */
  --radius-sm: 4px; --radius-md: 10px; --radius-lg: 18px;

  /* --- 阴影（带环境色） --- */
  --shadow-1: 0 2px 8px rgba(31, 61, 43, 0.10);
  --shadow-2: 0 8px 28px rgba(31, 61, 43, 0.14);
  --shadow-3: 0 24px 64px rgba(31, 61, 43, 0.20);

  /* --- 动效 --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* --- 布局 --- */
  --container: 1200px;
}