/* =========================================================
   Site-wide fixed background layer (per-page via CSS var)
   - image: --page-bg-image
   - overlay: --page-bg-overlay (0.00 - 0.80)
   - fallback background: #000
   ========================================================= */

#site-parallax-bg{
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #000; /* 画像が足りない領域は黒 */
  background-image: var(--page-bg-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform;
  transform: translate3d(0,0,0);
}

/* Overlay (per-page) */
#site-parallax-bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,var(--page-bg-overlay, 0.18));
}

html, body{
  margin: 0;
  padding: 0;
  background: #000;
}

/* サイト本体は背景の上 */
#page{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* 白背景を持ちがちな要素を透明化 */
body,
.site,
.site-content,
#content,
#primary{
  background: transparent !important;
}

/* フッター以外：文字を白へ */
body,
#page,
.site,
.site-content,
#content,
#primary,
.site-main,
.entry-content,
.entry-title,
.page-title,
h1, h2, h3, h4, h5, h6,
p, li, dt, dd, small, time, a{
  color: #fff;
}

a{
  text-decoration-color: rgba(255,255,255,0.35);
}

/* フッターは既存デザインを尊重（必要なら別途フッターCSSで固定） */
.site-footer,
.site-footer *{
  color: "fff;
}