/**
 * ZH Library — Site-wide Design Tokens
 *
 * 全站设计变量唯一来源。所有页面先引入本文件，再引入页面级样式。
 *
 *   <link rel="stylesheet" href="/styles/tokens.css" />
 *   <link rel="stylesheet" href="/styles/base.css" />      <!-- 全局基础 -->
 *   <link rel="stylesheet" href="/styles/site-chrome.css" /> <!-- 全站顶栏 -->
 *   <link rel="stylesheet" href="/styles/home.css" />      <!-- 主页 -->
 *   <link rel="stylesheet" href="/styles/prose.css" />     <!-- 调研/文章页 -->
 */

:root {
  /* —— Color: semantic —— */
  --zh-color-text: #111;
  --zh-color-muted: #444;
  --zh-color-subtle: #767676;
  --zh-color-faint: #999;
  --zh-color-bg: #fff;
  --zh-color-line: #e8e8e8;
  --zh-color-surface: #f7f7f7;
  --zh-color-accent: #111;

  /* —— Color: ink scale（Tailwind / 图书馆列表用，映射到 semantic） —— */
  --zh-ink-900: var(--zh-color-text);
  --zh-ink-700: var(--zh-color-muted);
  --zh-ink-500: var(--zh-color-subtle);
  --zh-ink-300: var(--zh-color-faint);
  --zh-ink-100: var(--zh-color-line);
  --zh-ink-50: var(--zh-color-surface);

  /* —— Typography: family —— */
  --zh-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC",
    "PingFang SC", "Microsoft YaHei", sans-serif;
  --zh-font-mono: "SF Mono", Menlo, Consolas, ui-monospace, monospace;

  /* —— Typography: size (rem, 基准 16px) —— */
  --zh-text-2xs: 0.6875rem;  /* 11px — chip、计数 */
  --zh-text-xs: 0.8125rem;    /* 13px — 元信息 */
  --zh-text-sm: 0.875rem;     /* 14px — 次要正文、章节标签 */
  --zh-text-md: 0.9375rem;    /* 15px — 辅助正文、导航 */
  --zh-text-base: 1rem;       /* 16px — 正文 */
  --zh-text-lg: 1.625rem;     /* 26px — 页面标题 */

  /* —— Typography: weight —— */
  --zh-weight-normal: 400;
  --zh-weight-medium: 500;
  --zh-weight-semibold: 600;

  /* —— Typography: line-height —— */
  --zh-leading-tight: 1.4;
  --zh-leading-snug: 1.55;
  --zh-leading-normal: 1.75;
  --zh-leading-relaxed: 1.8;

  /* —— Typography: tracking —— */
  --zh-tracking-tight: -0.01em;
  --zh-tracking-wide: 0.03em;

  /* —— Spacing —— */
  --zh-space-1: 0.25rem;
  --zh-space-2: 0.5rem;
  --zh-space-3: 0.75rem;
  --zh-space-4: 1rem;
  --zh-space-5: 1.25rem;
  --zh-space-6: 1.5rem;
  --zh-space-8: 2rem;
  --zh-space-10: 2.5rem;
  --zh-space-12: 3rem;
  --zh-space-16: 4rem;

  /* —— Layout —— */
  --zh-layout-wide: 72rem;
  --zh-content-width: 38rem;     /* 文章/调研页正文 */
  --zh-sidebar-width: 8.5rem;
  --zh-page-gutter: 2.5rem;
  --zh-page-gutter-sm: 1.5rem;
  --zh-shell-gap: 3.5rem;
  --zh-header-height: 3rem;
  --zh-breakpoint-sm: 640px;
  --zh-breakpoint-md: 720px;

  /* —— Border —— */
  --zh-border-width: 1px;
  --zh-border-active: 2px;
  --zh-underline-offset: 2px;
  --zh-radius-sm: 2px;

  /* —— Effect —— */
  --zh-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --zh-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
  --zh-transition-fast: 0.15s ease;
  --zh-transition: 0.2s ease;
}