/* ============================================================
   tokens.css — 设计令牌
   方向：极致极简 × 工业编号
   主色（纸面暖白）60% / 辅助（墨色与暗面）30% / 强调（徽标橙）10%
   ============================================================ */
:root {
  /* 颜色 */
  --color-bg: #F6F4EF;            /* 暖白纸面 */
  --color-surface: #FFFFFF;       /* 卡片面 */
  --color-tint: #EEEAE2;          /* 浅色分区块 */
  --color-dark: #17150F;          /* 暗色分区底 */
  --color-dark-surface: #201D15;  /* 暗色分区面板 */
  --color-text: #1C1A17;          /* 近黑墨 */
  --color-muted: #6E685C;         /* 次级文字（纸上 ≥4.5:1） */
  --color-text-dark-bg: #F2EEE6;  /* 暗底主文字 */
  --color-muted-dark-bg: #B4AD9E; /* 暗底次级文字 */
  --color-accent: #E8720C;        /* 徽标橙：唯一强调色 */
  --color-mark-a: #1B72B8;        /* 徽标蓝（仅 logo 用） */
  --color-mark-d: #E8720C;        /* 徽标橙 */
  --color-mark-s: #2F7D4F;        /* 徽标绿 */
  --color-border: rgba(28, 26, 23, 0.14);
  --color-border-dark: rgba(242, 238, 230, 0.16);

  /* 字体 */
  --font-display: "Noto Serif SC", "Songti SC", "SimSun", serif; /* 展示字：宋体 */
  --font-body: "Noto Sans SC", "Microsoft YaHei", sans-serif;    /* 正文：黑体 */
  --font-mono: "Archivo", "Noto Sans SC", sans-serif;            /* 编号 / 拉丁标签 */

  /* 模块化字阶（1.25） */
  --fs-xs: 0.75rem;   --fs-sm: 0.875rem;
  --fs-base: 1rem;    --fs-md: 1.25rem;
  --fs-lg: 1.563rem;  --fs-xl: 1.953rem;
  --fs-2xl: 2.441rem; --fs-hero: clamp(3rem, 8.5vw, 6.5rem);

  /* 间距梯度 */
  --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: 2px; --radius-md: 4px;

  /* 阴影三级（带环境色） */
  --shadow-1: 0 2px 8px rgba(28, 26, 23, 0.08);
  --shadow-2: 0 8px 28px rgba(28, 26, 23, 0.12);
  --shadow-3: 0 24px 64px rgba(28, 26, 23, 0.18);

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

  /* 版心 */
  --max-w: 1200px;
}
