/* ================================================
   themes.css - ページごとのテーマカラー
   各ページのbodyにクラスを付与してCSS変数を上書き
   ================================================ */

/* ===========================
   theme-bronze（店舗リノベ）
   キーワード：変化・蘇生・温度
   =========================== */
body.theme-bronze {
  --color-gold: #C77B47;
  --color-gold-light: #E0986A;
  --color-gold-dark: #8F5530;
  --gradient-gold: linear-gradient(135deg, #E0986A 0%, #C77B47 50%, #8F5530 100%);
  --gradient-gold-text: linear-gradient(180deg, #E0986A 0%, #C77B47 100%);
  --color-border: rgba(199, 123, 71, 0.22);
}
body.theme-bronze .page-hero,
body.theme-bronze .hero__overlay {
  background:
    linear-gradient(rgba(11,11,16,0.55) 0%, rgba(11,11,16,0.92) 100%),
    radial-gradient(ellipse at 70% 30%, rgba(199,123,71,0.22), transparent 55%),
    radial-gradient(ellipse at 20% 80%, rgba(143,85,48,0.18), transparent 50%);
}

/* ===========================
   theme-ice（原状回復）
   キーワード：スピード・清潔・正確
   =========================== */
body.theme-ice {
  --color-gold: #88B0C7;
  --color-gold-light: #B0CFE0;
  --color-gold-dark: #5C8AA3;
  --color-bg: #0B0E12;
  --color-bg-section: #131820;
  --color-bg-card: #1A2028;
  --gradient-gold: linear-gradient(135deg, #B0CFE0 0%, #88B0C7 50%, #5C8AA3 100%);
  --gradient-gold-text: linear-gradient(180deg, #B0CFE0 0%, #88B0C7 100%);
  --color-border: rgba(136, 176, 199, 0.25);
}
body.theme-ice .page-hero {
  background:
    linear-gradient(rgba(11,14,18,0.85) 0%, rgba(11,14,18,0.95) 100%),
    radial-gradient(ellipse at 50% 30%, rgba(136,176,199,0.18), transparent 60%);
  position: relative;
  overflow: hidden;
}
/* 速度を感じるライン */
body.theme-ice .page-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  right: -10%;
  bottom: 0;
  background:
    repeating-linear-gradient(100deg, transparent 0 80px, rgba(176,207,224,0.05) 80px 81px);
  pointer-events: none;
  animation: ice-lines 14s linear infinite;
}
@keyframes ice-lines {
  from { transform: translateX(0); }
  to { transform: translateX(80px); }
}
body.theme-ice .hero__bg { filter: hue-rotate(190deg) saturate(0.6) brightness(0.85); }

/* ===========================
   theme-warm（住宅リノベ）
   キーワード：暮らし・温もり・柔らかさ
   =========================== */
body.theme-warm {
  --color-gold: #C9A87C;
  --color-gold-light: #DDB890;
  --color-gold-dark: #9A8060;
  --color-bg: #100E0A;
  --color-bg-section: #1A1611;
  --color-bg-card: #221C16;
  --gradient-gold: linear-gradient(135deg, #DDB890 0%, #C9A87C 50%, #9A8060 100%);
  --gradient-gold-text: linear-gradient(180deg, #DDB890 0%, #C9A87C 100%);
  --color-border: rgba(201, 168, 124, 0.22);
}
body.theme-warm .page-hero {
  background:
    linear-gradient(rgba(16,14,10,0.78) 0%, rgba(16,14,10,0.94) 100%),
    radial-gradient(ellipse at 30% 30%, rgba(221,184,144,0.20), transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(154,128,96,0.15), transparent 50%);
}

/* ===========================
   theme-gallery（施工事例）
   キーワード：ギャラリー・写真主役・余白
   =========================== */
body.theme-gallery {
  --color-gold: #D4AF37;
  --color-gold-light: #ECCC75;
  --color-gold-dark: #A88E2C;
  --color-bg-section: #161618;
  --color-bg-card: #1F1F22;
  --gradient-gold: linear-gradient(135deg, #ECCC75 0%, #D4AF37 50%, #A88E2C 100%);
  --gradient-gold-text: linear-gradient(180deg, #ECCC75 0%, #D4AF37 100%);
}
body.theme-gallery .page-hero {
  padding: 100px 0 70px;
  background:
    linear-gradient(rgba(11,11,16,0.7) 0%, rgba(11,11,16,0.92) 100%),
    radial-gradient(ellipse at center, rgba(212,175,55,0.10), transparent 70%);
}

/* ===========================
   theme-corporate（会社案内）
   キーワード：信頼・正統・建築
   =========================== */
body.theme-corporate {
  --color-gold: #B8956A;
  --color-gold-light: #C9A87C;
  --color-gold-dark: #8B7A5E;
  --color-bg: #0D1015;
  --color-bg-section: #161B23;
  --color-bg-card: #1D2330;
  --gradient-gold: linear-gradient(135deg, #C9A87C 0%, #B8956A 50%, #8B7A5E 100%);
  --gradient-gold-text: linear-gradient(180deg, #C9A87C 0%, #B8956A 100%);
}
body.theme-corporate .page-hero {
  position: relative;
  background:
    linear-gradient(rgba(13,16,21,0.88) 0%, rgba(13,16,21,0.96) 100%),
    radial-gradient(ellipse at 50% 30%, rgba(184,149,106,0.12), transparent 65%);
  overflow: hidden;
}
/* 幾何学的グリッドオーバーレイ（建築図面風） */
body.theme-corporate .page-hero::before,
body.theme-corporate .page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
body.theme-corporate .page-hero::before {
  background:
    repeating-linear-gradient(0deg, transparent 0 60px, rgba(184,149,106,0.04) 60px 61px),
    repeating-linear-gradient(90deg, transparent 0 60px, rgba(184,149,106,0.04) 60px 61px);
}
body.theme-corporate .page-hero::after {
  background:
    radial-gradient(circle at 20% 20%, rgba(184,149,106,0.08), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(184,149,106,0.05), transparent 30%);
}
body.theme-corporate .page-hero > .container { position: relative; z-index: 1; }