/* ==========================================================================
   cq_admin 设计令牌（A 方案 · 极简浅色）
   单一变量源：所有颜色 / 圆角 / 节奏都从这里取，禁止在组件里散写魔法值
   ========================================================================== */

:root{
  /* ---- 尺寸 ---- */
  --cq-sidebar-w:            240px;
  --cq-sidebar-collapsed-w:  64px;
  --cq-topbar-h:             60px;
  --cq-row-h:       44px;   /* 舒适密度：表格行高 */

  /* ---- 表面 ---- */
  --cq-bg:            #f1f5f9;   /* 页面底色：稍加深，突出卡片 */
  --cq-surface:       #ffffff;   /* 卡片 / 顶栏 */
  --cq-surface-2:     #f8fafc;   /* 侧栏 / 筛选栏 / 表头：浅灰蓝 */
  --cq-border:        #e2e8f0;   /* 卡片边框 */
  --cq-border-strong: #cbd5e1;   /* 控件边框 */

  /* ---- 文字 ---- */
  --cq-text:       #1f2937;
  --cq-text-soft:  #64748b;
  --cq-text-mute:  #94a3b8;

  /* ---- 主色 ---- */
  --cq-primary:      #2563eb;
  --cq-primary-dark: #1d4ed8;
  --cq-primary-soft: #eff6ff;

  /* ---- 语义色（浅底 + 深字，用于 pill 徽标）---- */
  --cq-success-bg: #dcfce7;  --cq-success-fg: #15803d;
  --cq-warning-bg: #fef3c7;  --cq-warning-fg: #b45309;
  --cq-danger-bg:  #fee2e2;  --cq-danger-fg:  #b91c1c;
  --cq-info-bg:    #e0f2fe;  --cq-info-fg:    #0369a1;
  --cq-neutral-bg: #f1f5f9;  --cq-neutral-fg: #64748b;

  /* ---- 形状 ---- */
  --cq-radius-card: 10px;
  --cq-radius-ctl:  8px;
  --cq-radius-pill: 999px;

  /* ---- 阴影（只用极淡一层，层级主要靠边框与底色）---- */
  --cq-shadow:    0 1px 2px rgba(16,24,40,.04);
  --cq-shadow-lg: 0 12px 40px rgba(16,24,40,.14);

  /* ---- 层级（BS5：modal-backdrop 1050 / modal 1055，侧栏须低于它们）---- */
  --cq-z-topbar:   1020;
  --cq-z-backdrop: 1030;
  --cq-z-sidebar:  1035;
  --cq-z-skip:     1090;
}

/* ---------- 基础排版 ---------- */
body{
  background: var(--cq-bg);
  color: var(--cq-text);
  font-size: 13.5px;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6{ color:#111827; font-weight:600; line-height:1.35 }
h1{font-size:22px} h2{font-size:19px} h3{font-size:16px} h4{font-size:14.5px}

a{ color:var(--cq-primary); text-decoration:none }
a:hover{ color:var(--cq-primary-dark) }

/* 键盘可达性：统一焦点环 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--cq-primary);
  outline-offset:2px;
}

/* 尊重「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important }
}