/* ==========================================================================
   Home Party Hibachi — Design Tokens  (v2)
   --------------------------------------------------------------------------
   v1 → v2 的改动，都是为了去掉"廉价模板感"：
   1. 纯黑 → 暖近黑，并补两级中间调（原来只有黑/金两个明度，画面是平的）
   2. 高饱和金 #D4AF37 → 降饱和黄铜 #C1A265（前者太"闪"，是塑料金）
   3. 删掉金色渐变（按钮渐变 + 发光阴影是博彩站标志，高端金是哑光的）
   4. 圆角 pill/14px → 2~3px（大圆角 + 金色 = App 模板脸）
   5. Cinzel → Cormorant Garamond（Trajan 仿制体被用烂了，换成餐牌衬线）
   ========================================================================== */

:root {
  /* ---------- 底色：暖近黑 + 两级中间调 ----------
     纯黑 #000/#0D0D0D 在照片旁边会显脏、显廉价。
     带一点暖褐的近黑跟火焰/木质的照片是同一个色温，融合度高很多。 */
  --hpb-black:        #0F0D0A;   /* 页面主背景 */
  --hpb-ink:          #16130F;   /* 次级分区背景 */
  --hpb-surface:      #1D1913;   /* 卡片 */
  --hpb-surface-2:    #262019;   /* 卡片 hover / 输入框 */

  /* ---------- 金：哑光黄铜，不是闪光金 ---------- */
  --hpb-brass:        #C1A265;   /* 主金（降饱和） */
  --hpb-brass-dim:    #8C7440;   /* 暗金：描边、次要图标 */
  --hpb-champagne:    #E3D2A8;   /* 香槟：标题高亮、hover */

  /* ---------- 文字 ---------- */
  --hpb-text:         #EDE7DC;   /* 正文（暖白，不是纯白） */
  --hpb-text-dim:     #9C9384;   /* 次要文字 */
  --hpb-text-faint:   #6E675C;   /* 极次要：日期、脚注 */

  /* ---------- 线条 ---------- */
  --hpb-line:         rgba(193, 162, 101, 0.18);
  --hpb-line-strong:  rgba(193, 162, 101, 0.42);
  --hpb-line-soft:    rgba(237, 231, 220, 0.08);

  /* ---------- 点缀 ---------- */
  --hpb-ember:        #B4470F;   /* 炭火橙，极少量 */

  /* ---------- 字体 ----------
     Display 用 Cormorant Garamond：高对比度餐牌衬线，气质接近米其林菜单。
     ★ 关键：衬线只用在大标题上。卡片小标题一律改用 Inter ——
       小字号用装饰衬线是"戏服感"的主要来源。 */
  --hpb-font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --hpb-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
                      "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;

  /* ---------- 字号 ----------
     Cormorant 的视觉大小比 Cinzel 小一号，所以数值整体调大 */
  --hpb-fs-display:   clamp(3rem, 7vw, 5.75rem);      /* Hero 主标题 */
  --hpb-fs-h2:        clamp(2.2rem, 4.4vw, 3.4rem);   /* 分区标题 */
  --hpb-fs-h3:        1.0625rem;                       /* 卡片标题（Inter） */
  --hpb-fs-lead:      clamp(1rem, 1.4vw, 1.0625rem);
  --hpb-fs-body:      1rem;
  --hpb-fs-sm:        0.875rem;
  --hpb-fs-xs:        0.75rem;
  --hpb-fs-2xs:       0.6875rem;

  /* ---------- 间距 ---------- */
  --hpb-section-y:    clamp(5rem, 10vw, 9rem);
  --hpb-container:    1240px;
  --hpb-container-nr: 880px;
  --hpb-gutter:       clamp(1.25rem, 4vw, 3rem);

  /* ---------- 圆角 / 阴影 / 动效 ----------
     圆角几乎去掉：方硬的边 + 细金线是"建筑感"，圆角 + 金是"App 模板" */
  --hpb-radius:       2px;
  --hpb-radius-lg:    3px;
  --hpb-shadow:       0 24px 60px rgba(0, 0, 0, 0.5);
  --hpb-ease:         cubic-bezier(0.22, 0.61, 0.36, 1);
  --hpb-dur:          0.5s;

  --hpb-header-h:     88px;
}

@media (max-width: 900px) {
  :root { --hpb-header-h: 66px; }
}