/* ============================================================
   tokens.css — 设计令牌
   定调：复古未来 × 工业实用，暗色主题
   主导表面色深灰棕；强调色琥珀橙（唯一强调）；
   蓝紫仅用于渐变氛围与 ∞ 彩带，不做独立强调。
   ============================================================ */

:root {
  /* ---- 颜色 ---- */
  --color-bg: #0f0d0b;                 /* 暖近黑 */
  --color-bg-deep: #0a0908;            /* 更深一档，用于页脚/终端 */
  --color-surface: #17140f;            /* 深灰棕表面 */
  --color-surface-raised: #1f1b15;     /* 抬升表面 */
  --color-text: #f5f1ea;               /* 暖近白 */
  --color-muted: #a89e8f;              /* 次级文字（对 bg 对比度 ≈ 7:1） */
  --color-accent: #ff9e2c;             /* 琥珀橙，唯一强调色 */
  --color-accent-ink: #1c1104;         /* 橙底上的深色文字 */
  --color-violet: #7c6cff;             /* 冷端蓝紫：仅渐变/描边氛围 */
  --color-border: rgba(245, 241, 234, 0.12);
  --color-border-strong: rgba(245, 241, 234, 0.24);

  /* ---- 字体 ---- */
  --font-display: "Noto Serif SC", "Songti SC", serif;   /* 中文大标题 */
  --font-body: "Noto Sans SC", "PingFang SC", sans-serif; /* 正文 */
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace; /* 拉丁/数字/代码 */

  /* ---- 模块化字阶（1.25 比例） ---- */
  --fs-300: 0.8rem;
  --fs-400: 1rem;
  --fs-500: 1.25rem;
  --fs-600: 1.563rem;
  --fs-700: 1.953rem;
  --fs-800: 2.441rem;
  --fs-900: 3.052rem;
  --fs-1000: 3.815rem;
  --fs-hero: clamp(2.6rem, 6.4vw, 5.2rem);

  /* ---- 间距梯度 ---- */
  --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(10, 6, 2, 0.4);
  --shadow-2: 0 8px 28px rgba(10, 6, 2, 0.5);
  --shadow-3: 0 24px 64px rgba(10, 6, 2, 0.62);

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

  /* ---- 布局 ---- */
  --content-max: 1180px;
  --header-h: 68px;
}