/* ==========================================================================
   Nexora AI — Design Tokens
   方向：工业实用（Industrial / utilitarian）× 精密工程感
   基底为深空蓝黑，强调色为单一电光薄荷青，信号橙仅作语义色（痛点/警示）
   所有颜色、字阶、间距、圆角、阴影、动效时长只在此处定义，组件层禁止硬编码
   ========================================================================== */

:root {
  /* ---------- 表面与背景 ---------- */
  --color-bg:          #05080f;  /* 页面基底：深空近黑，带蓝倾向 */
  --color-bg-raise:    #080d18;  /* 次级背景（区块交替） */
  --color-surface:     #0b1220;  /* 卡片/面板 */
  --color-surface-2:   #111a2b;  /* 高层级面板 */
  --color-surface-3:   #162134;  /* 悬停态表面 */

  /* ---------- 文字 ---------- */
  --color-text:        #e6edf6;  /* 主文字：暖调近白，非纯白 */
  --color-text-dim:    #b3c2d4;  /* 次级文字 */
  --color-muted:       #7e90a8;  /* 弱化文字/说明 */
  --color-faint:       #4d5c72;  /* 极弱文字/编号 */

  /* ---------- 强调色 ---------- */
  --color-accent:      #2fe3c4;  /* 电光薄荷青：主 CTA、激活态、数据高亮 */
  --color-accent-dim:  #1aa78f;  /* 强调色压暗：描边、次级标识 */
  --color-accent-glow: rgba(47, 227, 196, 0.16);  /* 辉光 */

  /* 语义色：仅用于表达"痛点/风险/警示"，不参与装饰 */
  --color-signal:      #ff8a3d;  /* 信号橙 */
  --color-signal-dim:  rgba(255, 138, 61, 0.14);

  /* ---------- 边框 ---------- */
  --color-border:      rgba(230, 237, 246, 0.10);
  --color-border-soft: rgba(230, 237, 246, 0.06);
  --color-border-accent: rgba(47, 227, 196, 0.34);

  /* ---------- 字体 ---------- */
  /* 展示字：Chakra Petch 提供工程仪表感；中文回落到 Noto Sans SC 900 */
  --font-display: "Chakra Petch", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 正文字：IBM Plex Sans 内敛精确，中文回落思源黑体 */
  --font-body: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 等宽字：用于数据标注、系统状态、编号 —— 本设计的记忆点之一 */
  --font-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", "Noto Sans Mono", monospace;

  /* ---------- 字阶（模块化 1.25 比例） ---------- */
  --fs-mono:    0.75rem;   /* 12px 等宽标注 */
  --fs-xs:      0.8125rem; /* 13px */
  --fs-sm:      0.9375rem; /* 15px */
  --fs-base:    1rem;      /* 16px */
  --fs-md:      1.125rem;  /* 18px */
  --fs-lg:      1.375rem;  /* 22px */
  --fs-xl:      1.75rem;   /* 28px */
  --fs-2xl:     2.25rem;   /* 36px */
  --fs-3xl:     3rem;      /* 48px */
  --fs-4xl:     3.75rem;   /* 60px */
  --fs-5xl:     4.75rem;   /* 76px */

  /* ---------- 行高 ---------- */
  --lh-tight:   1.04;   /* 超大标题 */
  --lh-snug:    1.22;   /* 小标题 */
  --lh-body:    1.75;   /* 中文正文 */
  --lh-mono:    1.5;

  /* ---------- 字距 ---------- */
  --ls-display: -0.03em;
  --ls-tight:   -0.015em;
  --ls-normal:  0;
  --ls-wide:    0.08em;   /* 等宽小标签 */
  --ls-wider:   0.16em;   /* 全大写 eyebrow */

  /* ---------- 间距梯度 ---------- */
  --space-1:  0.25rem;  /* 4 */
  --space-2:  0.5rem;   /* 8 */
  --space-3:  1rem;     /* 16 */
  --space-4:  1.5rem;   /* 24 */
  --space-5:  2.5rem;   /* 40 */
  --space-6:  4rem;     /* 64 */
  --space-7:  6rem;     /* 96 */
  --space-8:  8rem;     /* 128 */

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

  /* ---------- 阴影（Y 偏移 2 / 8 / 24，带环境色而非纯黑） ---------- */
  --shadow-1: 0 2px 8px rgba(2, 6, 14, 0.5);
  --shadow-2: 0 8px 28px rgba(2, 6, 14, 0.6);
  --shadow-3: 0 24px 64px rgba(2, 6, 14, 0.72);
  --shadow-glow: 0 0 0 1px var(--color-border-accent), 0 12px 40px rgba(47, 227, 196, 0.12);

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

  /* ---------- 布局 ---------- */
  --wrap:      1200px;   /* 内容最大宽度 */
  --wrap-wide: 1440px;
  --gutter:    1.5rem;
  --header-h:  68px;
}