/* ============================================================
   TrueFRP · 设计令牌
   品牌基线：09-品牌基线.md 第 4 节（直接沿用官网配色）
   ============================================================ */

:root {
  /* --- 品牌基础色（09 文档原样） --- */
  --ts-ink:        #09090b;
  --ts-paper:      #ffffff;

  /* --- TrueFRP 语义色（09 文档原样） --- */
  --nm-online:     #16a34a;
  --nm-offline:    #a1a1aa;
  --nm-warn:       #f59e0b;
  --nm-danger:     #dc2626;
  --nm-info:       #2563eb;

  /* --- 路径类型着色（拓扑连线，09 文档原样） --- */
  --nm-path-direct:  #16a34a;
  --nm-path-punch:   #0ea5e9;
  --nm-path-relay:   #f59e0b;
  --nm-path-portmap: #8b5cf6;

  /* --- 派生中性色（由 ink/paper 推导，保持极简克制） --- */
  --nm-ink-90:  rgba(9, 9, 11, .90);
  --nm-ink-70:  rgba(9, 9, 11, .70);
  --nm-ink-56:  rgba(9, 9, 11, .56);
  --nm-ink-40:  rgba(9, 9, 11, .40);
  --nm-ink-24:  rgba(9, 9, 11, .24);
  --nm-ink-12:  rgba(9, 9, 11, .12);
  --nm-ink-08:  rgba(9, 9, 11, .08);
  --nm-ink-04:  rgba(9, 9, 11, .04);

  --nm-line:        var(--nm-ink-12);   /* 细边框 */
  --nm-line-strong: var(--nm-ink-24);
  --nm-surface:     var(--ts-paper);
  --nm-surface-2:   #fafafa;
  --nm-surface-3:   #f4f4f5;

  /* 语义色的浅底（用于徽标/提示条） */
  --nm-online-bg:  rgba(22, 163, 74, .10);
  --nm-warn-bg:    rgba(245, 158, 11, .12);
  --nm-danger-bg:  rgba(220, 38, 38, .10);
  --nm-info-bg:    rgba(37, 99, 235, .10);
  --nm-offline-bg: rgba(161, 161, 170, .16);

  /* --- 排版 --- */
  --nm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
             "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  --nm-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                  "Liberation Mono", monospace;
  --nm-fs-xs: 11px;
  --nm-fs-sm: 12px;
  --nm-fs-md: 13px;
  --nm-fs-lg: 15px;
  --nm-fs-xl: 18px;
  --nm-fs-2xl: 22px;

  /* --- 间距（4 的倍数） --- */
  --nm-s1: 4px;
  --nm-s2: 8px;
  --nm-s3: 12px;
  --nm-s4: 16px;
  --nm-s5: 20px;
  --nm-s6: 24px;
  --nm-s8: 32px;
  --nm-s10: 40px;

  /* --- 圆角：8-12px --- */
  --nm-r-sm: 6px;
  --nm-r-md: 8px;
  --nm-r-lg: 10px;
  --nm-r-xl: 12px;

  /* --- 尺寸 --- */
  --nm-topbar-h: 56px;
  --nm-footer-h: 34px;
  --nm-drawer-w: 380px;
  --nm-z-drawer: 40;
  --nm-z-menu: 60;
  --nm-z-toast: 80;

  /* --- 动效（极简：只用淡入与位移动效） --- */
  --nm-dur-fast: 120ms;
  --nm-dur: 180ms;
  --nm-ease: cubic-bezier(.2, .7, .3, 1);
}

/* 无障碍：尊重 prefers-reduced-motion（04 文档第 9 节） */
@media (prefers-reduced-motion: reduce) {
  :root {
    --nm-dur-fast: 0ms;
    --nm-dur: 0ms;
  }
}