/* ============================================================
   base.css —— 变量与 reset
   注意：@font-face 不在这里 —— 正片 index.html 由 js/loader.js 用
   FontFace + fetch 手动注册（为了拿到真实的字节进度）；
   其它页面（storyboard / preview）用 css/fonts.css。
   ============================================================ */

:root {
  /* 浅蓝家族（背景永远在这一族里微调，不换色系） */
  --bg:        #E7F0FA;
  --bg-0:      #EDF4FC;
  --bg-1:      #EAF2FB;
  --bg-2:      #E6F0FA;
  --bg-3:      #E4EFFA;
  --bg-4:      #E1EDFA;
  --bg-5:      #F0F6FD;
  --bg-6:      #F2F7FC;
  --dot:       #C6D8EC;

  /* 文字 */
  --ink:       #0B0E12;
  --sub:       #5A6B7C;
  --deco:      #8FA3B8;

  /* 强调色（文字用加深版，亮版只给装饰） */
  --blue:      #1F6BFF;
  --green:     #00875A;
  --orange:    #F0660A;
  --blue-l:    #4C9AFF;
  --green-l:   #22C55E;
  --orange-l:  #FF9A3D;

  --f-cn:   "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --f-mono: "JBMono", ui-monospace, "Cascadia Code", Consolas, monospace;

  /* 缩略图缩放（storyboard.css 用） */
  --thumb-w: 384px;
  --thumb-h: 216px;
  --thumb-k: 0.2;

  --page-pad: 40px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--f-cn);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--orange-l);
  color: #fff;
}