/* =============================================
   global.css — 全站公共变量和字体
   
   ★ 所有页面都引用这一个文件
   ★ 想改全站字体，只改这里的 --font-display 和 --font-body
   ★ 想改全站主色调，只改 --purple
   ============================================= */

/* Google Fonts 字体加载
   --font-display : 标题字体，用于 LIFE ON PLUTO 和页面大标题
   --font-body    : 正文字体，用于菜单和页面内容 */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400&family=Raleway:wght@300;400;500&display=swap');

:root {
  /* 字体 */
  --font-display : 'Josefin Sans', sans-serif;   /* 标题：LIFE ON PLUTO */
  --font-body    : 'Raleway', sans-serif;         /* 菜单和正文 */

  /* 主色调 */
  --purple       : #c088c8;   /* 标题 & 菜单高亮色 */
  --purple-faint : #c8b0cc;   /* 圆点颜色 */

  /* 背景 */
  --sidebar-bg   : #1e1e1e;   /* 左侧菜单背景 */
  --body-bg      : #141414;   /* 整体背景 */

  /* 文字 */
  --text-dim     : rgba(255,255,255,0.52); /* 菜单默认文字色 */

  /* 布局 */
  --sidebar-w    : 190px;     /* 左侧菜单宽度 */
}

/* 全站基础 */
html, body {
  height: 100%;
  background: var(--body-bg);
  color: #e8e8e8;
  font-family: var(--font-body);
}



/* ── 全站标题 LIFE ON PLUTO ──
   fixed 定位，叠在所有内容上方
   hover 字重加粗、光标变手型，点击回首页 */
.site-title {
  position: fixed;
  top: 28px;
  left: 26px;
  z-index: 20;
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 0.24em;
  color: var(--purple);
  text-shadow: none;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  transition: font-weight 0.15s;
}
.site-title:hover {
  font-weight: 400;   /* hover 略加粗 */
  cursor: pointer;
}