/* ============================================================
   theme.css  —  只放变量。换风格只改这里，页面不用动。
   ============================================================ */
:root {
  /* 色彩：暗房 */
  --bg:          #0b0b0c;
  --bg-soft:     #111113;
  --bg-elev:     #17171a;
  --text:        #e9e6e0;
  --text-dim:    #8b877f;
  --text-faint:  #57544e;
  --line:        rgba(233, 230, 224, .13);
  --line-soft:   rgba(233, 230, 224, .07);
  --accent:      #c9a06a;
  --accent-dim:  rgba(201, 160, 106, .18);
  --on-accent:   #0b0b0c;   /* 落在 accent 上的文字色 */
  --overlay:     rgba(8, 8, 9, .72);
  color-scheme: dark;

  /* 字体 */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman",
                "Songti SC", "Source Han Serif SC", serif;

  /* 尺度 */
  --maxw: 1280px;
  --gut: clamp(20px, 5vw, 64px);
  --sp-section: clamp(72px, 11vw, 160px);
  --radius: 2px;
  /* 详情页单张照片的最大显示高度：一屏内看得全整张 + 图注
     （svh 不被支持时回退 vh） */
  --photo-max-h: min(74vh, 820px);

  /* 动效 */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .7s;

  /* 字级（display 同时受视口宽高约束，避免矮窗口溢出） */
  --fs-display: clamp(56px, min(11vw, 16vh), 148px);
  --fs-h1:      clamp(34px, 5.4vw, 64px);
  --fs-h2:      clamp(24px, 3vw, 38px);
  --fs-h3:      clamp(18px, 2vw, 22px);
  --fs-body:    clamp(15px, 1.15vw, 16.5px);
  --fs-small:   13px;
  --fs-micro:   11px;
}

/* 支持 svh 的浏览器用小视口高度，地址栏收起/展开时照片不溢出 */
@supports (height: 1svh) {
  :root { --photo-max-h: min(74svh, 820px); }
}

/* 浅色变体：给 html 加 data-theme="light" 即整体换皮 */html[data-theme="light"] {
  --bg:         #f7f5f1;
  --bg-soft:    #efece6;
  --bg-elev:    #ffffff;
  --text:       #16161a;
  --text-dim:   #5d5a54;
  --text-faint: #9a958c;
  --line:       rgba(22, 22, 26, .14);
  --line-soft:  rgba(22, 22, 26, .07);
  --accent:     #9a6f33;
  --accent-dim: rgba(154, 111, 51, .14);
  --on-accent:  #ffffff;
  --overlay:    rgba(247, 245, 241, .82);
  color-scheme: light;
}