/* 自动生成，勿手改：由 scripts/build_reader_site.py 从 exports/visual-tokens-*.css 合成 */

/* 视觉规范 · 方向 A「纸感编辑 Paper」— 团队默认（推荐）
   用法：<link rel="stylesheet" href="visual-tokens-paper.css">，页面只引用变量，不写裸 hex。 */
:root {
  color-scheme: light;
  /* 底色 / 表面 */
  --bg: #F6F2EA;            /* 米纸底 */
  --surface: #FFFDF8;       /* 卡片 */
  --surface-2: #F0EADF;     /* 次级块、表头、进度条轨道 */
  --text: #1F1A14;          /* 标题墨色 */
  --text-2: #3D352C;        /* 正文 */
  --muted: #72675A;         /* 辅助说明（T011b 调暗明度：对 surface 5.4 / bg 4.9 / surface-2 4.6） */
  --border: #E6DDCE;
  --border-strong: #D3C6B1;
  /* 主色：朱砂 */
  --primary: #B4442A;
  --primary-hover: #963620;
  --primary-soft: #F7E8E0;  /* T011b 调亮明度：primary 字在其上 4.6 */
  --on-primary: #FFFFFF;
  /* 来源色（Indie / 微信 / X） */
  --src-indie: #C26A1B;  --src-indie-soft: #F8EBDC;   /* 琥珀 */
  --src-wechat: #3E7B57; --src-wechat-soft: #E4F0E8;  /* 松绿 */
  --src-x: #2F4A7A;      --src-x-soft: #E3E9F4;       /* 墨蓝 */
  /* 状态 */
  --success: #2E7D4F; --success-soft: #E3F2E8;
  --warn: #A8650C;    --warn-soft: #FBEFD9;
  --danger: #B3261E;  --danger-soft: #FBE4E1;
  /* -ink：小字号文字/徽章用的加深色，保证 12–14px 在 soft 底上 ≥4.5:1；条形图、圆点用非 ink 版 */
  --src-indie-ink: #9A4F0E;
  --src-wechat-ink: #2F6545;
  --src-x-ink: #2F4A7A;
  --warn-ink: #8E540A;
  --success-ink: #2C784C;   /* T011b 调暗明度：在 success-soft 上 4.6 */
  --focus: #B4442A;
  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", "Noto Serif SC", Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --font-heading: var(--font-serif);
  --font-num: Georgia, "Noto Serif CJK SC", serif;   /* 大数字 */
  /* 字号（移动 → 桌面） */
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-lg: 18px;
  --fs-h3: 18px; --fs-h2: 22px; --fs-h1: clamp(26px, 5vw + 8px, 40px);
  --fs-stat: 32px; --fs-article: 17px;
  --lh-tight: 1.3; --lh-base: 1.65; --lh-article: 1.85;
  /* 圆角 / 阴影 / 间距 */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --shadow-sm: 0 1px 0 rgba(60, 40, 20, .04);
  --shadow-md: 0 1px 2px rgba(60, 40, 20, .05), 0 10px 24px -16px rgba(60, 40, 20, .22);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --measure: 38em;       /* 正文行宽 ≈ 32–38 个汉字 */
  --container: 1120px;
}

@media (prefers-color-scheme: dark) {
  /* 视觉规范 · 方向 C「深色杂志 Night」— 夜间模式 / 长读页可选；也可作为 A 的 dark 变体 */
  :root {
    color-scheme: dark;
    --bg: #111318;
    --surface: #191C23;
    --surface-2: #22262F;
    --text: #F1ECE4;
    --text-2: #D3CDC3;
    --muted: #9A9488;
    --border: #2C303A;
    --border-strong: #3A3F4B;
    /* 主色：琥珀金 */
    --primary: #F2B54A;
    --primary-hover: #F7C76E;
    --primary-soft: #3A2F1A;
    --on-primary: #1A1408;
    --src-indie: #FF9A6B;  --src-indie-soft: #3A2419;   /* 珊瑚 */
    --src-wechat: #7FD39A; --src-wechat-soft: #1C3325;  /* 薄荷 */
    --src-x: #8DB4FF;      --src-x-soft: #1D2A44;       /* 雾蓝 */
    --success: #7FD39A; --success-soft: #1C3325;
    --warn: #F2B54A;    --warn-soft: #3A2F1A;
    --danger: #FF8A80;  --danger-soft: #3D1F1D;
    /* -ink：小字号文字/徽章用的加深色，保证 12–14px 在 soft 底上 ≥4.5:1；条形图、圆点用非 ink 版 */
    --src-indie-ink: #FF9A6B;
    --src-wechat-ink: #7FD39A;
    --src-x-ink: #8DB4FF;
    --warn-ink: #F2B54A;
    --success-ink: #7FD39A;
    --focus: #F2B54A;
    --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
    --font-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
    --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --font-heading: var(--font-serif);
    --font-num: Georgia, "Noto Serif CJK SC", serif;
    --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-lg: 18px;
    --fs-h3: 18px; --fs-h2: 22px; --fs-h1: clamp(28px, 5vw + 8px, 42px);
    --fs-stat: 34px; --fs-article: 17px;
    --lh-tight: 1.3; --lh-base: 1.7; --lh-article: 1.9;
    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
    --shadow-sm: none;
    --shadow-md: 0 0 0 1px rgba(255,255,255,.03), 0 16px 32px -20px rgba(0,0,0,.7);
    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
    --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
    --measure: 36em;
    --container: 1120px;
  }
}