/*
 * MAG BASE KOGA — laundry 画像スロット定義 v5.0
 * --------------------------------------------------
 * v5.0: 全画像をローカル同梱に変更（外部ホットリンク全廃）
 * 保存先: assets/img/
 *
 * 写真ライセンス: Pexels License（商用可・帰属不要）
 *
 * 差し替え可能スロット一覧:
 *   --img-hero              : ヒーロー背景写真 (hero.jpg / Pexels ID 32808776)
 *   --img-env-bg            : 環境セクション背景写真 (env.jpg / Pexels ID 326055)
 *   --img-steps-bg          : 導入ステップ背景写真 (steps.jpg / Pexels ID 1090638)
 *
 * 施設カード写真は index.html の <img> 要素に直接設定（onerror フォールバック付き）
 *
 * 法務チェック:
 *   - 写真・alt・キャプションに効能断定（除菌/抗菌/消臭/健康/治療/予防/アレルギー）なし
 *   - 病院・介護の写真は「施設の例」であり医療効果を示すものではない
 */

:root {
  /* ────────────────────────────────────────────────────────
     ヒーロー背景写真
     assets/img/hero.jpg (Pexels ID 32808776: コインランドリー内観)
     フォールバック: インラインSVGアート（.hero__bg-svg 要素）
  ──────────────────────────────────────────────────────── */
  --img-hero: url("img/hero.jpg");
  --img-hero-position: center center;

  /* ────────────────────────────────────────────────────────
     環境セクション背景写真
     assets/img/env.jpg (Pexels ID 326055: 自然の水・清流)
  ──────────────────────────────────────────────────────── */
  --img-env-bg: url("img/env.jpg");

  /* ────────────────────────────────────────────────────────
     導入ステップ背景写真
     assets/img/steps.jpg (Pexels ID 1090638: 清潔な水回り・施設内観)
  ──────────────────────────────────────────────────────── */
  --img-steps-bg: url("img/steps.jpg");

  /* ────────────────────────────────────────────────────────
     施設カード 背景色フォールバック（写真読み込み失敗時）
  ──────────────────────────────────────────────────────── */
  --img-card-coin-laundry: #DDF0EA;
  --img-card-spa:          #C8E8DF;
  --img-card-hospital:     #EEF4F7;
  --img-card-care:         #E6F0E5;
  --img-card-other:        #EEF4F2;

  /* ────────────────────────────────────────────────────────
     仕組みセクション背景（SVGアート維持）
  ──────────────────────────────────────────────────────── */
  --img-mechanism-mg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 360'%3E%3Crect width='480' height='360' fill='%23F1F7F4'/%3E%3Ccircle cx='240' cy='180' r='150' stroke='%231F9E84' stroke-width='1' fill='none' opacity='0.12'/%3E%3Ccircle cx='240' cy='180' r='100' stroke='%231F9E84' stroke-width='0.8' fill='none' stroke-dasharray='5 8' opacity='0.12'/%3E%3Ccircle cx='240' cy='180' r='55' stroke='%231F9E84' stroke-width='1' fill='none' opacity='0.15'/%3E%3Ccircle cx='240' cy='180' r='20' fill='%231F9E84' opacity='0.1'/%3E%3Ccircle cx='240' cy='30' r='6' fill='%231F9E84' opacity='0.18'/%3E%3Ccircle cx='390' cy='180' r='6' fill='%231F9E84' opacity='0.18'/%3E%3Ccircle cx='240' cy='330' r='6' fill='%231F9E84' opacity='0.18'/%3E%3Ccircle cx='90' cy='180' r='6' fill='%231F9E84' opacity='0.18'/%3E%3Cpath d='M0 320 Q120 300 240 320 Q360 340 480 320' stroke='%231F9E84' stroke-width='1.5' fill='none' opacity='0.2'/%3E%3Cpath d='M0 338 Q120 318 240 338 Q360 358 480 338' stroke='%231F9E84' stroke-width='1' fill='none' opacity='0.14'/%3E%3C/svg%3E");

  /* ────────────────────────────────────────────────────────
     環境・ステップ背景フォールバックカラー（写真失敗時）
  ──────────────────────────────────────────────────────── */
  --img-env-fallback:   #0F2420;
  --img-steps-fallback: #0C1E1B;
}