/* =====================================================
   theme.css · Pet House 视觉变量（D-030 皮骨分离）
   修改这里即可调整全站配色/字体/间距，不动 HTML/JS
   ===================================================== */
:root {
  /* ── 背景色 ── */
  --cream:   #FFF8EF;   /* 主背景：奶茶米白 */
  --cream2:  #FBEEDC;   /* 次背景：淡暖橙 */
  --paper:   #FFFFFF;   /* 卡片白 */
  --section-alt: linear-gradient(180deg,#FFF8EF,#FCEFE0); /* 交替区块背景 */

  /* ── 文字色 ── */
  --ink:     #3A2E25;   /* 主正文：深棕 */
  --ink2:    #5C4B3B;   /* 次正文：中棕 */
  --muted:   #9A8775;   /* 辅助/注释：灰棕 */
  --on-dark: #D9C9B6;   /* 深色背景上的文字 */

  /* ── 品牌色 ── */
  --caramel: #C98A3C;   /* 强调色：焦糖橙 */
  --honey:   #F2A23F;   /* 主按钮高光 */
  --honey-d: #E08A28;   /* 主按钮底色 */

  /* ── 描边 / 分割 ── */
  --line:    #F0E2CF;   /* 卡片描边 */

  /* ── 阴影 ── */
  --shadow:    0 18px 40px -18px rgba(120,82,40,.35);  /* 主卡片阴影 */
  --shadow-sm: 0 8px 22px -12px rgba(120,82,40,.30);   /* 小卡片阴影 */

  /* ── 圆角 ── */
  --r-card: 26px;   /* 卡片圆角 */
  --r-btn:  999px;  /* 按钮胶囊圆角 */
  --r-chip: 999px;  /* 标签/角标圆角 */

  /* ── 间距 ── */
  --section-py: 80px;  /* section 上下内边距 */
  --wrap-px:    28px;  /* 容器左右内边距 */
  --wrap-max:   1180px;/* 容器最大宽度 */

  /* ── 字体 ── */
  --font-body: "PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  --font-size-body: 16px;
  --line-height: 1.65;

  /* ── 深色区块（页脚/暗卡） ── */
  --dark-bg:   #3E2F22;  /* 深棕背景 */
  --dark-bg2:  #5C4632;  /* 次深棕（hover） */
}