/* ===========================================================
   地球 online 收集手册 · 设计变量
   奶油纸底 + 赭橘 · 温暖胶片
   改这一个文件，所有页面一起变
   =========================================================== */
:root {
  color-scheme: light;

  /* —— 纸与墨 —— */
  --paper:       #f8f2e8;
  --paper-deep:  #f0e6d6;
  --surface:     #fffcf6;
  --ink:         #2c241d;
  --ink-2:       #4a3e33;
  --muted:       #6f6050;
  --line:        #e5d9c6;
  --line-strong: #d3c2a8;

  /* —— 色 —— */
  --brand:       #b24e22;
  --brand-deep:  #8f3a18;
  --brand-wash:  #f7e2d2;
  --olive:       #565f3f;
  --olive-wash:  #eaecdb;
  --seal:        #b13f2c;

  /* —— 字体 —— */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei",
    system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Songti SC", serif;
  --font-num: ui-serif, Georgia, "Times New Roman", "Songti SC", serif;

  /* —— 字号阶梯（约 1.25） —— */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-25: 25px;
  --fs-31: 31px;
  --fs-39: 39px;
  --fs-49: 49px;

  /* —— 间距（4 / 8 的倍数） —— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* —— 可调（右侧调节滑块） —— */
  --density: 1;
  --hero-scale: 1;
  --r-md: 14px;
  --r-sm: calc(var(--r-md) * 0.45);
  --r-lg: calc(var(--r-md) * 1.6);
  --r-pill: 999px;

  /* —— 阴影（暖调、低透明度） —— */
  --sh-1: 0 1px 2px rgba(74, 52, 33, 0.06), 0 6px 16px -10px rgba(74, 52, 33, 0.2);
  --sh-2: 0 2px 6px rgba(74, 52, 33, 0.07), 0 22px 48px -28px rgba(74, 52, 33, 0.34);

  --shell: 1120px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* —— 手机安全区（刘海 / 底部横条） ——
     env() 不支持的浏览器会当成 0，不写这句也不会报错。 */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);

  /* —— 顶栏的实际高度（吸顶元素靠它算位置，别写死数字） —— */
  --topbar-h: 68px;
}