/* ── 白卷 · 设计 token（唯一来源）────────────────────────
   站点 (style.css) 与 CMS 后台 (custom-admin.css) 都只引用这里的变量。
   改版式先改本文件；DESIGN.md 的 YAML token 块需同步。
   成品文件里不应出现裸 hex。
   ───────────────────────────────────────────────────── */

:root {
  /* ── 色彩 ── */
  --bg: #faf8f5;         /* 暖纸底（参考图实测 #F4F3F0，同族） */
  --ink: #2b2620;        /* 主墨：对纸底 14.14:1 */
  --text-soft: #736b62;  /* 次级/元信息：4.94:1，过 4.5 门禁 */
  --line: #d4d4d4;       /* 细线：对纸底差值约 40 级，保证实际屏幕上看得见
                            （参考图实测线仅比底色深 15–28 级，在 HiDPI 上会几乎不可见） */
  --line-soft: rgba(43, 38, 32, 0.07);
  --accent: #a0522d;     /* 参考图无彩色，本版不使用；保留待用 */

  /* ── 字体族：英文 display 用衬线，中文与正文用无衬线 ── */
  --font-serif: 'Noto Serif SC', 'Songti SC', Georgia, serif;
  --font-sans: 'Inter', -apple-system, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── 字号 ── */
  --fs-hero: 60px;
  --fs-logo: 24px;
  --fs-section-en: 24px;
  --fs-subtitle: 24px;
  --fs-item-title: 18px;
  --fs-card-title: 16px;
  --fs-body: 16px;
  --fs-nav: 14px;
  --fs-section-cn: 14px;
  --fs-small: 12px;
  --fs-micro: 11px;

  /* ── 字重 ── */
  --w-bold: 700;
  --w-medium: 500;
  --w-normal: 400;

  /* ── 行高 ── */
  --lh-hero: 1.1;
  --lh-title: 1.4;
  --lh-body: 1.75;
  --lh-tight: 1.7;

  /* ── 布局 ── */
  --container: 1200px;
  --gutter: 32px;        /* px-8 */
  --reading: 680px;
  --header-py: 24px;     /* py-6 */
  --section-py: 24px;    /* 相邻 section 之间 48px */

  /* ── 间距 ── */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;

  /* ── 以下为 CMS 后台补充；与站点同族，仍走 token ── */
  --bg-sunk: #f2efe9;          /* 后台侧栏 / 次级底色 */
  --surface: #ffffff;          /* 输入框、卡片表面 */
  --focus-ring: var(--ink);    /* 焦点描边用 ink，不用彩色 */
  --print-bg: #ffffff;         /* 打印时的纯白纸 */
}