/* ═══════════════════════════════════════════════════════════════════
   长鑫云 (cxcloud) 设计令牌 — 中性素净 · teal 点缀
   [2026-08-01 22:50] 重做: 大面积中性色 (白/浅灰/深灰), 青绿降为点缀强调色
   [2026-08-01 22:50] 说明: 消除"一水儿青绿"观感, 提升专业度与耐看度
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── 品牌强调色（青绿 teal，仅作点缀） ─────────────── */
    --cx-primary:        #14b8a6;   /* 强调色(按钮/高亮/竖线) */
    --cx-primary-hover:  #0f9488;   /* 悬停 */
    --cx-primary-active: #0d7a70;   /* 按下 */
    --cx-primary-light:  #ccfbf1;   /* 强调浅底 */
    --cx-primary-lighter:#e6faf6;   /* 更浅底 */
    --cx-primary-border: #99f6e4;   /* 强调边框 */

    /* ── 页面背景与表面（中性） ────────────────────────── */
    --cx-bg-page:        #f5f6f7;   /* 页面背景(中性浅灰) */
    --cx-bg-surface:     #ffffff;   /* 内容区/面板纯白 */
    --cx-bg-soft:        #f1f2f4;   /* 次级浅底(分区/表头)中性 */
    --cx-bg-hover:       #f7f8fa;   /* 行悬停 */
    --cx-bg-siderbar:    #eaf2f1;   /* 侧边栏淡青绿底(唯一品牌色块) */

    /* ── 文字色（中性深灰） ────────────────────────────── */
    --cx-text-primary:   #1f2937;   /* 主文字 */
    --cx-text-secondary: #4b5563;   /* 次级 */
    --cx-text-muted:     #6b7280;   /* 弱化 */
    --cx-text-tertiary:  #9ca3af;   /* 占位/提示 */
    --cx-text-on-primary:#ffffff;   /* 主色上白字 */

    /* ── 边框/分隔线（中性） ───────────────────────────── */
    --cx-border:         #e5e7eb;   /* 常规边框 */
    --cx-border-light:   #eef0f2;   /* 细分隔线 */
    --cx-border-strong:  #d1d5db;   /* 强调边框 */

    /* ── 语义色 ───────────────────────────────────────── */
    --cx-success:        #22c55e;
    --cx-success-light:  #dcfce7;
    --cx-success-border: #bbf7d0;
    --cx-warning:        #f59e0b;
    --cx-warning-light:  #fef3c7;
    --cx-warning-border: #fde68a;
    --cx-danger:         #ef4444;
    --cx-danger-light:   #fee2e2;
    --cx-danger-border:  #fecaca;
    --cx-info:           #3b82f6;
    --cx-info-light:     #dbeafe;
    --cx-info-border:    #bfdbfe;

    /* ── 间距系统（8px 基准） ─────────────────────────── */
    --cx-space-1: 4px;
    --cx-space-2: 8px;
    --cx-space-3: 12px;
    --cx-space-4: 16px;
    --cx-space-5: 20px;
    --cx-space-6: 24px;
    --cx-space-8: 32px;

    /* ── 圆角 ─────────────────────────────────────────── */
    --cx-radius-sm: 4px;
    --cx-radius-md: 6px;
    --cx-radius-lg: 10px;

    /* ── 阴影（克制，中性） ────────────────────────────── */
    --cx-shadow-sm: 0 1px 2px rgba(15,23,42,.05);
    --cx-shadow-md: 0 2px 8px rgba(15,23,42,.06);
    --cx-shadow-lg: 0 8px 24px rgba(15,23,42,.08);

    /* ── 字体 ─────────────────────────────────────────── */
    --cx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    --cx-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;

    /* ── 布局 ─────────────────────────────────────────── */
    --cx-topbar-h: 52px;
    --cx-sidebar-w: 220px;
}