/* =====================================================================
 * パネラマ黒ZAM 製品固有スタイル （pkz-kurozam.css）
 *
 * 基盤スタイル (pkz-product-base.css) の上に重ねる、
 * 黒ZAM 固有のカラー・微調整。
 *
 * 新製品を追加する際は、このファイルを複製して
 * pkz-feluce.css / pkz-fine.css 等を作り、変数だけ書き換えてください。
 * ===================================================================== */

.pkz-product-kurozam .pkz-page {
  /* === 黒ZAM のブランドカラー === */
  --pkz-accent:  #b08a5b;   /* 落ち着いたブロンズ ／ 黒ZAMの金属感を象徴 */
  --pkz-ink:     #0a0a0a;
  --pkz-ink-2:   #141414;
  --pkz-ink-3:   #1d1d1d;
}

/* === ヒーロー キャッチコピー === */
/* 黒ZAMでは「黒を、質感で語る。」のうち、
   「黒」を金属グラデーション、
   「語る。」をブロンズ斜体に出し分ける */

/* グラデーション部分のクラスをbase側で .pkz-headline-grad に統一済み */
/* base側 .pkz-headline-em もそのまま使う */

/* === CTAボタンのhover時のアクセントカラーを少し金属寄りに === */
.pkz-product-kurozam .pkz-btn-primary:hover {
  background: var(--pkz-accent);
  border-color: var(--pkz-accent);
  color: #0a0a0a;
}

/* === CTAセクション の背景グラデーションを黒ZAM色に === */
.pkz-product-kurozam .pkz-cta {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1c 60%, #2a1f12 100%);
}