/*──────────────────────────────
  block-bgcolor-switcher v3
──────────────────────────────*/
.block-bgcolor-switcher{
  /* fallback （白→黒） */
  --bg-inactive:#ffffff;
  --color-inactive:#000000;
  --bg-active:#000000;
  --color-active:#ffffff;

  background-color:var(--bg-inactive)!important;
  color:var(--color-inactive)!important;
  transition:background-color .6s ease,color .6s ease;
}
.block-bgcolor-switcher.is-in-view{
  background-color:var(--bg-active)!important;
  color:var(--color-active)!important;
}

/* ▼ 追加バリエーション ─────────────── */

/* 白 → グレー */
.block-bgcolor-switcher.switch-gray{
  --bg-active:#e8e8e8;
  --color-active:#333333;
}

/* ※ 色を増やしたいときは↓をコピーして作るだけ
.block-bgcolor-switcher.switch-blue{
  --bg-active:#0052cc;
  --color-active:#ffffff;
}
*/