/* ActionBeam — 美容クリニックLPの配色
   ここを1ファイル差し替えるだけで、別業種のLPが立ちます。
   例）restaurant.css を作り、下と同じ変数を別の色で定義するだけ。 */

.ab-industry-clinic{
  /* アクセント：肌・パール系 */
  --rose:        #D8A7A9;
  --rose-deep:   #B98487;
  --pearl:       linear-gradient(135deg,#E7C9C4 0%,#C9B7DE 48%,#EBD9A9 100%);
  --pearl-line:  linear-gradient(180deg,#E7C9C4 0%,#C9B7DE 55%,#EBD9A9 100%);
}

/* 環境光もアクセントに合わせる */
.ab-industry-clinic::before{
  background:
    radial-gradient(60vw 60vw at 78% 6%,rgba(216,167,169,.12),transparent 62%),
    radial-gradient(50vw 50vw at 8% 42%,rgba(201,183,222,.09),transparent 60%),
    radial-gradient(70vw 44vw at 50% 108%,rgba(235,217,169,.07),transparent 64%);
}

/* 9:16フレーム内の光 */
.ab-industry-clinic .frame__skin,
.ab-industry-clinic .case__skin{
  background:
    radial-gradient(70% 46% at 50% 26%,rgba(240,214,205,.5),transparent 70%),
    radial-gradient(58% 40% at 32% 72%,rgba(201,183,222,.34),transparent 72%),
    radial-gradient(48% 32% at 76% 58%,rgba(235,217,169,.22),transparent 74%);
}