/* ==========================================================================
   THERMAL NETWORK · DESIGN TOKENS
   设计令牌层 — 所有颜色/字阶/间距/动效的唯一来源。
   组件样式一律引用变量，禁止硬编码色值。
   ========================================================================== */

:root {
  /* ---------- 色板:冷空的虚空 ↔ 炽热的核心 ---------------------------- */
  --color-bg: #05060a;          /* 深空底色,带一丝蓝黑而非纯黑 */
  --color-bg-2: #08090f;        /* 次级背景 */
  --color-surface: #0b0e16;     /* 面板/卡片表面 */
  --color-text: #eef2f8;        /* 正文近白,微冷调 */
  --color-muted: #8b95a7;       /* 次要文字 — 实测对比度约 6.4:1 */
  --color-faint: #737c8d;       /* 三级文字/遥测标签 — 实测对比度约 4.7:1,已过 AA */

  --color-accent: #2f6bff;      /* 主强调:电光蓝(冷) 占能量 90% */
  --color-accent-soft: #7ba2ff; /* 强调色的浅色变体 */
  --color-accent-deep: #0f2a8a; /* 强调色的深色变体 */

  --color-heat: #ff5a1f;        /* 热核:余烬橙(热) — 仅用于"热"的语义瞬间 */
  --color-heat-soft: #ffa46b;   /* 热核浅色 */
  --color-heat-core: #ffe0b8;   /* 热核最亮处 */

  /* ---------- 描边 / 分隔线 ------------------------------------------- */
  --color-line: rgba(238, 242, 248, 0.10);
  --color-line-strong: rgba(238, 242, 248, 0.22);
  --color-line-accent: rgba(47, 107, 255, 0.45);
  --color-line-heat: rgba(255, 90, 31, 0.42);

  /* 轨道专用:比普通分隔线更亮,保证在深空底上可辨 */
  --color-orbit: rgba(123, 162, 255, 0.30);
  --color-orbit-soft: rgba(123, 162, 255, 0.16);
  --color-orbit-faint: rgba(123, 162, 255, 0.10);

  /* ---------- 光晕 ---------------------------------------------------- */
  --glow-accent: rgba(47, 107, 255, 0.45);
  --glow-accent-soft: rgba(47, 107, 255, 0.18);
  --glow-heat: rgba(255, 90, 31, 0.42);

  /* ---------- 字阶:1.25 模块化比例(基于 16px) ------------------------- */
  --fs-mono: 0.6875rem;   /* 11px 遥测标签 */
  --fs-xs: 0.75rem;       /* 12px */
  --fs-sm: 0.8125rem;     /* 13px */
  --fs-base: 0.9375rem;   /* 15px 正文 */
  --fs-md: 1.125rem;      /* 18px */
  --fs-lg: 1.5rem;        /* 24px */
  --fs-xl: 2rem;          /* 32px */
  --fs-2xl: 2.75rem;      /* 44px */
  --fs-3xl: 4rem;         /* 64px */
  --fs-display: clamp(3.75rem, 13.5vw, 13rem);  /* 品牌字样,响应式 */

  /* ---------- 字距 / 行高 --------------------------------------------- */
  --track-tight: -0.03em;   /* 大标题负字距 */
  --track-wide: 0.28em;     /* 遥测标签宽字距 */
  --track-wider: 0.5em;     /* 拉丁副标特宽字距 */
  --lh-tight: 1.02;         /* 大标题行高 */
  --lh-normal: 1.65;        /* 正文字高(中文 ≥1.7 更舒适) */
  --lh-body: 1.75;

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

  /* ---------- 圆角 ----------------------------------------------------- */
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* ---------- 阴影:三级高度体系(带环境色,非纯黑) -------------------- */
  --shadow-1: 0 2px 10px rgba(2, 4, 12, 0.5);
  --shadow-2: 0 10px 34px rgba(2, 4, 12, 0.6);
  --shadow-3: 0 28px 80px rgba(2, 4, 12, 0.72);

  /* ---------- 动效 ----------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* 出场 */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --dur-scene: 900ms;

  /* ---------- 布局 ----------------------------------------------------- */
  --page-pad: clamp(1.25rem, 5vw, 6rem);
  --max-w: 1440px;
  --nav-h: 76px;
}