/* ZLH_TOKENS_20261018 · 全站设计令牌（改这里 = 全站换肤）
 * 用法：所有模块 CSS 只引用变量，不再写死颜色/圆角/阴影。
 * 想换配色，只改下面 :root 里的值；想给某个栏目单独配色，在 .zlh-theme-xxx 作用域里覆盖即可。
 */
:root {
  /* 品牌色 */
  --z-acc: #0b6bcb;          /* 主色：链接、按钮、强调 */
  --z-acc-2: #1a9bf0;        /* 主色亮部：渐变第二色 */
  --z-acc-soft: #eef6ff;     /* 主色浅底：标签、说明块 */
  --z-acc-line: #dbeafe;     /* 主色浅边框 */
  --z-acc-glow: rgba(11, 107, 203, .24);  /* 按钮阴影 */

  /* 文字 */
  --z-ink: #0f172a;          /* 主文字 / 标题 */
  --z-ink-2: #334155;        /* 次级正文 */
  --z-muted: #64748b;        /* 辅助说明 */
  --z-faint: #94a3b8;        /* 极弱信息 */

  /* 线与底 */
  --z-line: #e9eef6;         /* 常规分隔线 / 卡片描边 */
  --z-line-soft: #eef2f7;    /* 更浅的内部分隔 */
  --z-bg: #f6f9fd;           /* 页面底 */
  --z-bg-soft: #f8fbff;      /* 区块浅底 */
  --z-card: #ffffff;         /* 卡片底 */

  /* 形状 */
  --z-r-sm: 9px;
  --z-r-md: 12px;
  --z-r-lg: 16px;
  --z-r-pill: 999px;

  /* 阴影 */
  --z-shadow-1: 0 4px 12px rgba(15, 23, 42, .06);
  --z-shadow-2: 0 10px 24px rgba(15, 23, 42, .08);
  --z-shadow-3: 0 14px 32px rgba(15, 23, 42, .10);
}

/* 备用主题（想试别的主色，把 <body> 加 class="zlh-theme-teal" 即可） */
.zlh-theme-teal {
  --z-acc: #0d8f8f;
  --z-acc-2: #22b8b8;
  --z-acc-soft: #e8f7f7;
  --z-acc-line: #ccecec;
  --z-acc-glow: rgba(13, 143, 143, .24);
}