/* ============================================================
   砺重 HoneWeight · 设计令牌层
   方向：工业实用 Industrial / utilitarian + 暗色熔炉
   语义：橙=行动与关键 CTA，青=正向能量与数据，紫=训练容量
   ============================================================ */
:root{
  /* —— 表面：深底主导，占 60% —— */
  --color-bg:#0A0C10;
  --color-bg-elev:#0E1116;
  --color-surface:#151920;
  --color-surface-2:#1B2029;
  --color-surface-3:#232935;
  --color-sunken:#0C0F13;

  /* —— 文字：近白，不用纯 #fff —— */
  --color-text:#F4F6F9;
  --color-text-2:#AFB7C4;
  --color-muted:#828C9B;
  --color-faint:#5E6875;

  /* —— 品牌三色：橙主 / 青辅 / 紫辅 —— */
  --color-accent:#FF6A1A;          /* 行动：唯一强调色，只给关键 CTA */
  --color-accent-2:#FFA03D;
  --color-accent-grad:linear-gradient(135deg,#FF7A28 0%,#FF4E08 100%);
  --color-accent-soft:rgba(255,106,26,.14);
  --color-accent-line:rgba(255,106,26,.34);
  --color-energy:#14E0A0;          /* 正向 / 达标 / 数据绿灯 */
  --color-energy-soft:rgba(20,224,160,.13);
  --color-energy-line:rgba(20,224,160,.32);
  --color-power:#7C6BF5;           /* 训练容量 / 承载能力 */
  --color-power-soft:rgba(124,107,245,.14);
  --color-power-line:rgba(124,107,245,.32);
  --color-danger:#FF5566;
  --color-warn:#FFB020;

  /* —— 发丝边框：工业方向的标志性细线 —— */
  --color-border:rgba(255,255,255,.075);
  --color-border-2:rgba(255,255,255,.14);
  --color-border-strong:rgba(255,255,255,.22);

  /* —— 字阶：1.25 模块化比例 —— */
  --font-display:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-body:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  /* 等宽栈：数字与拉丁字母走等宽，制造仪表盘密度感 */
  --font-mono:"SFMono-Regular","JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;

  --fs-2xs:11px;
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-base:15px;
  --fs-md:17px;
  --fs-lg:20px;
  --fs-xl:26px;
  --fs-2xl:34px;
  --fs-3xl:44px;
  --fs-4xl:58px;
  --fs-5xl:76px;
  --fs-6xl:96px;

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

  /* —— 圆角：工业方向偏硬，不用大圆角 —— */
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px;

  /* —— 三级阴影，带环境色而非纯黑 —— */
  --shadow-1:0 2px 8px rgba(4,6,10,.24);
  --shadow-2:0 8px 28px rgba(4,6,10,.32);
  --shadow-3:0 24px 64px rgba(4,6,10,.42);

  /* —— 动效 —— */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:160ms;
  --dur-base:320ms;
  --dur-slow:640ms;

  /* —— 布局 —— */
  --wrap:1200px;
  --nav-h:68px;
}