/* ===========================
   theme.css  全站主题（浅灰 + 柔橙）
   =========================== */

:root {
  --hw-bg:           #f5f5f5;
  --hw-card:         #ffffff;
  --hw-card-soft:    #fff7f1;
  --hw-border:       #e4e4e4;
  --hw-text-main:    #222222;
  --hw-text-sub:     #666666;

  --hw-orange:       #ff4f00; 
  --hw-orange-soft:  #ff6a26;
  --hw-orange-tint:  #ffe7d4;
  --hw-header-height: 78px;
}

/* ===== 全站流程页背景统一浅灰 ===== */
body.home-page,
body.hibachiw-page,
body.contact-page,
body.time-page,
body.form-page,
body.confirm-page,
body.cancelmail-page {
  margin: 0;
  background: var(--hw-bg);
  color: var(--hw-text-main);
  font-family: sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,system-ui;
}

/* ===== 通用卡片 ===== */
.hw-card {
  background: var(--hw-card);
  border-radius: 18px;
  border: 1px solid var(--hw-border);
  box-shadow: 0 10px 30px rgba(15,23,42,0.09);
}

/* 淡橙提示卡片（预约信息 / notice 等） */
.hw-card-soft {
  background: var(--hw-card-soft);
  border-radius: 14px;
  border: 1px solid var(--hw-orange-tint);
}

/* ================== 通用按钮系统 ================== */

.hw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 22px;
  border-radius: 999px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition:
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .14s ease;
}

/* 表单页 / 重要CTA：深橙色 */
.hw-btn--primary {
  background: var(--hw-orange);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(255,79,0,0.35);
}

.hw-btn--primary:hover {
  background: var(--hw-orange-soft);
  color: #111111;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(255,79,0,0.35);
}

/* 确认页 / 取消页：浅色按钮 */
.hw-btn--soft {
  background: #ffffff;
  color: var(--hw-orange);
  border: 1px solid #ffc199;
  box-shadow: 0 4px 14px rgba(15,23,42,0.08);
}

.hw-btn--soft:hover {
  background: var(--hw-orange-soft);
  color: #ffffff;
  border-color: var(--hw-orange-soft);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(255,79,0,0.30);
}

/* 按钮抖动动画 */
.hw-btn--primary:hover,
.hw-btn--soft:hover {
  animation: hw-btn-bounce 0.28s ease-out;
}

@keyframes hw-btn-bounce {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-1.5px); }
  100% { transform: translateY(-1px); }
}

/* 链接统一取消下划线 */
.hw-btn,
.hw-btn:link,
.hw-btn:visited {
  text-decoration: none;
}