/* ═══════════════════════════════════════════════════════════════════
   长鑫云 (cxcloud) 设计令牌 — 专业藏蓝 · SaaS 企业后台风
   [2026-08-01 23:20] 重做: 依据 ui-ux-pro-max skill "Professional navy + blue CTA"
   [2026-08-01 23:20] 说明: 主色深蓝灰 #0F172A, 强调沉稳蓝 #0369A1,
         背景中性浅灰 #F8FAFC, 消除青绿"冲"感, 企业级专业耐看
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── 品牌强调色（沉稳蓝，替代 teal） ─────────────────── */
    --cx-primary:        #0369a1;   /* 强调色(按钮/高亮/竖线) */
    --cx-primary-hover:  #0284c7;   /* 悬停(更亮) */
    --cx-primary-active: #075985;   /* 按下(更深) */
    --cx-primary-light:  #e0f2fe;   /* 强调浅底 */
    --cx-primary-lighter:#f0f9ff;   /* 更浅底 */
    --cx-primary-border: #bae6fd;   /* 强调边框 */

    /* ── 深蓝灰主色（数据/标题/主文字） ─────────────────── */
    --cx-ink:            #0f172a;   /* 主色深蓝灰 */

    /* ── 页面背景与表面（中性） ────────────────────────── */
    --cx-bg-page:        #f8fafc;   /* 页面背景(中性浅灰) */
    --cx-bg-surface:     #ffffff;   /* 内容区/面板纯白 */
    --cx-bg-soft:        #f1f5f9;   /* 次级浅底(分区/表头) */
    --cx-bg-hover:       #f8fafc;   /* 行悬停 */
    --cx-bg-siderbar:    #eef2f7;   /* 侧边栏极淡蓝灰底 */

    /* ── 文字色（中性深灰） ────────────────────────────── */
    --cx-text-primary:   #1f2937;   /* 主文字 */
    --cx-text-secondary: #475569;   /* 次级 */
    --cx-text-muted:     #64748b;   /* 弱化 */
    --cx-text-tertiary:  #94a3b8;   /* 占位/提示 */
    --cx-text-on-primary:#ffffff;   /* 主色上白字 */

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

    /* ── 语义色 ───────────────────────────────────────── */
    --cx-success:        #16a34a;
    --cx-success-light:  #dcfce7;
    --cx-success-border: #bbf7d0;
    --cx-warning:        #d97706;
    --cx-warning-light:  #fef3c7;
    --cx-warning-border: #fde68a;
    --cx-danger:         #dc2626;
    --cx-danger-light:   #fee2e2;
    --cx-danger-border:  #fecaca;
    --cx-info:           #0284c7;
    --cx-info-light:     #e0f2fe;
    --cx-info-border:    #bae6fd;

    /* ── 间距系统（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;
}