/*
 * サロトラLP 配色の3案（2026-09-29 光琳）
 * 社長「色をもっと最先端を感じ取れるカラーにして！」
 * 使い方：URLの末尾に ?theme=aurora ／ ?theme=night ／ ?theme=lime を付けると切り替わる（付けなければ今の色）。
 * 決まったら、その案を既定（html に data-theme を固定）にする。
 * 読みやすさ：白い文字を載せる色は、白との差（コントラスト）4.5以上の色だけを使う。
 */

/* ───────── 3案に共通の「最先端」の仕掛け ───────── */
html[data-theme] .ad-h1 em{background:var(--st-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme] .rc-btn-cta{background:var(--st-cta);border-color:transparent;box-shadow:0 10px 26px -10px var(--st-glow)}
html[data-theme] .rc-btn-cta:hover{background:var(--st-cta-hover);border-color:transparent}
html[data-theme] .ad-logo .mark{background:var(--st-grad);box-shadow:0 6px 16px -6px var(--st-glow)}
html[data-theme] .ad-step b{background:var(--st-grad)}
html[data-theme] .ad-badge i{background:var(--st-grad);box-shadow:0 0 0 3px var(--rc-primary-tint)}
html[data-theme] .ad-tl-steps li.on:before{background:var(--st-grad);border-color:transparent}
html[data-theme] .ad-effect-row.us .bar i{background:var(--st-grad)}
html[data-theme] .ad-plan.rec{background:var(--st-rec-bg);border-color:var(--rc-primary);box-shadow:0 22px 50px -18px var(--st-glow)}
html[data-theme] .ad-plan.rec .ad-plan-tag,html[data-theme] .ad-plan-tag{background:var(--st-grad)}
html[data-theme] .ad-plan-tag.ad-plan-tag-sub{background:var(--st-card);color:var(--ad-ink);border:1px solid var(--ad-line-strong)}
html[data-theme] .ad-day-col.after{background:var(--st-rec-bg);border-color:var(--rc-primary)}
html[data-theme] .ad-sim-table tfoot tr.money td{background:var(--st-rec-bg)}
html[data-theme] .ad-flow-step{color:var(--ad-faint)}
html[data-theme] .ad-flow-step+.ad-flow-step:before{color:var(--ad-line-strong)}
html[data-theme] .ad-rings circle,html[data-theme] .ad-band#how .ad-rings circle{stroke:var(--ad-line-strong)}
html[data-theme] body:has(.ad) .sa-foot-board{background:var(--ad-deep)}
html[data-theme] .ad-hero{position:relative;overflow:hidden}
html[data-theme] .ad-hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;max-width:900px;aspect-ratio:1;border-radius:50%;background:var(--st-aura);filter:blur(60px);opacity:.55;pointer-events:none;z-index:0}
html[data-theme] .ad-hero .ad-wrap{position:relative;z-index:1}
html[data-theme] .st-key{background:var(--st-key-bg);color:var(--st-key-ink)}

/* ───────── 案1の元（白×青紫〜水色）＝ ?theme=aurora-blue で見られる（2026-09-29 社長の指示で紫〜ピンクへ差し替え・元は残す） ───────── */
html[data-theme="aurora-blue"] .sa.ad{
  --ad-bg:#f7f8ff;--ad-panel:#eef1ff;--ad-band:#e9edff;--ad-deep:#161b4a;--ad-foot:#0f1336;
  --ad-ink:#161b4a;--ad-text:#232845;--ad-muted:#51587a;--ad-faint:#5f6588;
  --ad-line:#dfe3f7;--ad-line-strong:#c9cff0;--ad-tint:#eceaff;--ad-orange-ink:#4b3ee0;
  --rc-primary:#5a4bf0;--rc-primary-hover:#4636df;--rc-primary-tint:#f0eeff;--rc-primary-line:#5a4bf059;
  --sa-ink-deep:#0f1336;--rr-soft-blue:#f0eeff;
  --rc-shadow:0 1px 2px #161b4a0d,0 12px 32px -16px #161b4a2e;
  --st-grad:linear-gradient(120deg,#5a4bf0 0%,#3b82f6 55%,#0891b2 100%);
  --st-cta:linear-gradient(120deg,#5a4bf0 0%,#3d5ee6 100%);
  --st-cta-hover:linear-gradient(120deg,#4636df 0%,#2f4fd6 100%);
  --st-glow:#5a4bf08c;--st-rec-bg:#f5f3ff;--st-card:#fff;
  --st-aura:radial-gradient(circle at 30% 30%,#a5b4fc 0%,#67e8f9 45%,transparent 70%);
  --st-screen:linear-gradient(135deg,#161b4a 0%,#3b3fb8 55%,#0e7490 120%);
  --st-key-bg:#eef1ff;--st-key-ink:#161b4a;
}

/* ───────── 案2 ナイト・ネオン（深い紺黒×水色×紫の光）＝いちばん「未来」 ───────── */
html[data-theme="night"]{color-scheme:dark}
html[data-theme="night"] body{background:#070a14}
html[data-theme="night"] .sa.ad{
  --ad-bg:#0a0e1c;--ad-panel:#0e1426;--ad-band:#101830;--ad-deep:#060913;--ad-foot:#05070f;
  --ad-ink:#f1f4ff;--ad-text:#d7dcf0;--ad-muted:#a3abc8;--ad-faint:#8f97b8;
  --ad-line:#222c4a;--ad-line-strong:#34406a;--ad-tint:#18213d;--ad-orange-ink:#67e8f9;
  --rc-primary:#6a47f5;--rc-primary-hover:#5b3bf0;--rc-primary-tint:#1a1f3f;--rc-primary-line:#6a47f566;
  --sa-ink-deep:#05070f;--sa-card:#111831;--rr-soft-blue:#1a1f3f;
  --rc-shadow:0 1px 2px #0006,0 16px 40px -18px #000c;
  --st-grad:linear-gradient(120deg,#22d3ee 0%,#818cf8 50%,#e879f9 100%);
  --st-cta:linear-gradient(120deg,#6d4dff 0%,#2563eb 100%);
  --st-cta-hover:linear-gradient(120deg,#5b3bf0 0%,#1d4ed8 100%);
  --st-glow:#22d3ee66;--st-rec-bg:#141a36;--st-card:#111831;
  --st-aura:radial-gradient(circle at 35% 35%,#6d28d9 0%,#0891b2 45%,transparent 70%);
  --st-screen:linear-gradient(135deg,#0b1024 0%,#3b1d8f 60%,#0e7490 125%);
  --st-key-bg:#1a1233;--st-key-ink:#f5d0fe;
  background:var(--ad-bg);color:var(--ad-text)
}
html[data-theme="night"] .ad-head,html[data-theme="night"] .ad-flow{background:#0a0e1cf2;border-color:var(--ad-line)}
html[data-theme="night"] .ad-menu a,html[data-theme="night"] .ad-logo{color:var(--ad-ink)}
html[data-theme="night"] .ad-badge{background:#111831;color:var(--ad-ink);border-color:var(--ad-line-strong)}
html[data-theme="night"] .ad-card,html[data-theme="night"] .ad-plan,html[data-theme="night"] .rc-card,
html[data-theme="night"] .ad-signup,html[data-theme="night"] .ad-sim,html[data-theme="night"] .ad-effect-money,
html[data-theme="night"] .ad-day-col,html[data-theme="night"] .ad-tl,html[data-theme="night"] .ad-faq details,
html[data-theme="night"] .ad-band#how .ad-step,html[data-theme="night"] .st-make,html[data-theme="night"] .ad-promise3>div{background:#111831;border-color:var(--ad-line);color:var(--ad-text)}
html[data-theme="night"] .ad-day-col.after,html[data-theme="night"] .ad-plan.rec{background:var(--st-rec-bg)}
html[data-theme="night"] .sa-fb-input{background:#0b1022;color:#f1f4ff;border-color:var(--ad-line-strong)}
html[data-theme="night"] .sa-fb-input::placeholder{color:#7d86a8}
html[data-theme="night"] .ad-signup .rc-legal-note{background:#0e1426;color:var(--ad-muted)}
html[data-theme="night"] .ad-h1,html[data-theme="night"] .ad-h2,html[data-theme="night"] .ad-card h3,html[data-theme="night"] .ad-plan h3,
html[data-theme="night"] .ad-signup h2,html[data-theme="night"] .rc-step,html[data-theme="night"] .ad-price,html[data-theme="night"] .ad-faq summary,
html[data-theme="night"] .ad-step h3,html[data-theme="night"] .ad-tl-h,html[data-theme="night"] .ad-effect-k,html[data-theme="night"] .st-form-row label,
html[data-theme="night"] .ad-pains-close b,html[data-theme="night"] .ad-flow-intro b,html[data-theme="night"] .ad-day-h,html[data-theme="night"] .st-make h4,
html[data-theme="night"] .ad-promise3 h3,html[data-theme="night"] .ad-tl-steps b{color:var(--ad-ink)}
html[data-theme="night"] .ad-lead,html[data-theme="night"] .ad-note,html[data-theme="night"] .ad-pain-body,html[data-theme="night"] .ad-card p,
html[data-theme="night"] .ad-plan-desc,html[data-theme="night"] .ad-plan li,html[data-theme="night"] .ad-faq p,html[data-theme="night"] .ad-day-col li,
html[data-theme="night"] .ad-tl-steps span,html[data-theme="night"] .ad-promise3 p,html[data-theme="night"] .ad-flow-intro,html[data-theme="night"] .ad-pains-close,
html[data-theme="night"] .ad-effect-big,html[data-theme="night"] .ad-step p,html[data-theme="night"] .st-tab-cap,html[data-theme="night"] .ad-promise li,
html[data-theme="night"] .ad-effect-row .lb,html[data-theme="night"] .ad-effect-sub,html[data-theme="night"] .ad-sim-basis{color:var(--ad-muted)}
html[data-theme="night"] .ad-sim-table th,html[data-theme="night"] .ad-sim-table td{color:var(--ad-text);border-color:var(--ad-line)}
html[data-theme="night"] .ad-sim-table tfoot td{color:var(--ad-ink)}
html[data-theme="night"] .ad-company th,html[data-theme="night"] .ad-company td{background:#0e1426;color:var(--ad-text);border-color:var(--ad-line)}
html[data-theme="night"] .mf-btn{background:#0e1426;color:var(--ad-ink);border-color:var(--ad-line-strong)}
html[data-theme="night"] .rc-btn-light{background:#0e1426;color:var(--ad-ink);border-color:var(--ad-line-strong)}
html[data-theme="night"] .st-cmp{background:#111831}
html[data-theme="night"] .st-cmp td,html[data-theme="night"] .st-cmp th{color:var(--ad-text);border-color:var(--ad-line)}
html[data-theme="night"] .st-cmp thead th{background:#1a2344;color:#f1f4ff}
html[data-theme="night"] .st-cmp td.us{color:#a5f3fc}
html[data-theme="night"] .st-cmp-wrap{border-color:var(--ad-line)}
html[data-theme="night"] .st-make .st-row{border-color:var(--ad-line);color:var(--ad-text)}
html[data-theme="night"] .st-make .st-chip{background:#141a36;color:#c7d2fe;border-color:#6366f1}
html[data-theme="night"] .st-make .st-chip.on{color:#fff}
html[data-theme="night"] .ad-effect-big b,html[data-theme="night"] .ad-sim-table tfoot tr.money td,html[data-theme="night"] .ad-effect-row.us b,
html[data-theme="night"] .ad-effect-row.us .lb,html[data-theme="night"] .ad-effect-diff b,html[data-theme="night"] .ad-day-col.after .ad-day-h{color:#67e8f9}
html[data-theme="night"] .ad-card .ic{background:#18213d;box-shadow:inset 0 0 0 1px var(--ad-line-strong)}
html[data-theme="night"] .ad-sources{background:#070a14;color:var(--ad-muted)}
html[data-theme="night"] .ad-sources li{color:var(--ad-muted)}
html[data-theme="night"] .ad-sources-h{color:var(--ad-ink)}
html[data-theme="night"] .ad-effect-bars .bar{background:#1a2344}

/* ───────── 案3 モノ×ライム（白黒×蛍光の黄緑）＝いちばん「今っぽい」 ───────── */
html[data-theme="lime"] .sa.ad{
  --ad-bg:#fafaf7;--ad-panel:#f2f3ee;--ad-band:#eef0e6;--ad-deep:#0b0c0a;--ad-foot:#0b0c0a;
  --ad-ink:#0b0c0a;--ad-text:#1c1d1a;--ad-muted:#55574f;--ad-faint:#6a6c63;
  --ad-line:#e3e5dc;--ad-line-strong:#cfd2c4;--ad-tint:#f1fbd4;--ad-orange-ink:#3f6212;
  --rc-primary:#111111;--rc-primary-hover:#2a2a2a;--rc-primary-tint:#f3fcd6;--rc-primary-line:#65a30d59;
  --sa-ink-deep:#0b0c0a;--rr-soft-blue:#f3fcd6;
  --rc-shadow:0 1px 2px #0b0c0a0d,0 12px 32px -16px #0b0c0a2e;
  --st-grad:linear-gradient(120deg,#0b0c0a 0%,#0b0c0a 100%);
  --st-cta:linear-gradient(120deg,#111111 0%,#262626 100%);
  --st-cta-hover:linear-gradient(120deg,#000 0%,#1a1a1a 100%);
  --st-glow:#a3e63599;--st-rec-bg:#f7fde6;--st-card:#fff;
  --st-aura:radial-gradient(circle at 40% 40%,#d9f99d 0%,#bef264 35%,transparent 70%);
  --st-screen:linear-gradient(135deg,#0b0c0a 0%,#1f2a12 70%,#3f6212 130%);
  --st-key-bg:#0b0c0a;--st-key-ink:#d9f99d;
}
/* 見出しの強調は「蛍光ペンを引いた」形（黒い字＋黄緑の下線帯） */
html[data-theme="lime"] .ad-h1 em{background:linear-gradient(transparent 58%,#c6f432 58%,#c6f432 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;color:#0b0c0a;-webkit-text-fill-color:#0b0c0a}
html[data-theme="lime"] .ad-logo .mark{background:#c6f432;box-shadow:none}
html[data-theme="lime"] .ad-logo .mark span{background:#0b0c0a}
html[data-theme="lime"] .rc-btn-cta{color:#fff;box-shadow:0 0 0 3px #c6f432,0 12px 26px -12px #0b0c0a99}
html[data-theme="lime"] .ad-badge i,html[data-theme="lime"] .ad-step b,html[data-theme="lime"] .ad-tl-steps li.on:before{background:#c6f432;color:#0b0c0a;box-shadow:none}
html[data-theme="lime"] .ad-plan.rec .ad-plan-tag,html[data-theme="lime"] .ad-plan-tag{background:#c6f432;color:#0b0c0a}
html[data-theme="lime"] .ad-effect-row.us .bar i{background:#a3e635}
html[data-theme="lime"] .ad-effect-big b{background:linear-gradient(transparent 60%,#d9f99d 60%);color:#0b0c0a}
html[data-theme="lime"] .ad-plan.rec,html[data-theme="lime"] .ad-day-col.after{border-color:#0b0c0a}
html[data-theme="lime"] .st-make .st-chip.on{background:#0b0c0a;color:#c6f432}
html[data-theme="lime"] .st-make .st-row b{background:#c6f432;color:#0b0c0a}

/* ナイト：暗い背景でも読めるように（2026-09-29 光琳・読みやすさの実測で見つけた3か所） */
html[data-theme="night"] .st-tab-badge{color:#0b1024}
html[data-theme="night"] .ad-effect{background:#0a0e1c;border-color:var(--ad-line)}
html[data-theme="night"] .ad-effect-money{background:#111831}
html[data-theme="night"] .ad-band:not(#how){background:radial-gradient(ellipse at 20% 0%,#3b1d8f 0%,transparent 55%),radial-gradient(ellipse at 90% 100%,#0e7490 0%,transparent 55%),#060913;color:#fff}
html[data-theme="night"] .ad-band:not(#how) .ad-h2{color:#fff}
html[data-theme="night"] .ad-band:not(#how) .ad-lead{color:#e2e8f0}
html[data-theme="night"] .ad-band#how{background:#0d1328}
/* 今の色（案なし）の白文字ボタンは基準未満（3.23）＝案を決めるときに一緒に直る */

html[data-theme="night"] .rc-step .no{background:var(--rc-primary);color:#fff}

/* ───────── 案1 オーロラ（白×紫〜ピンク）＝2026-09-29 社長「オーロラが好き。これをベースに白×紫〜ピンクに」 ─────────
   ボタン（白い文字）は紫 #7c3aed〜ピンク #db2777 の範囲だけ＝白との差 4.6以上。見出しの文字のグラデは大きい字なのでピンク #ec4899 まで */
html[data-theme="aurora"] .sa.ad{
  --ad-bg:#fcf9ff;--ad-panel:#f7f0fd;--ad-band:#f4ebfc;--ad-deep:#2a1340;--ad-foot:#1c0d2e;
  --ad-ink:#2a1340;--ad-text:#2d2340;--ad-muted:#5e5373;--ad-faint:#685d7e;
  --ad-line:#eee2f8;--ad-line-strong:#dfcdf0;--ad-tint:#f7ecff;--ad-orange-ink:#a21caf;
  --rc-primary:#7c3aed;--rc-primary-hover:#6d28d9;--rc-primary-tint:#f8efff;--rc-primary-line:#7c3aed59;
  --sa-ink-deep:#1c0d2e;--rr-soft-blue:#f8efff;
  --rc-shadow:0 1px 2px #2a13400d,0 12px 32px -16px #2a13402e;
  --st-grad:linear-gradient(120deg,#7c3aed 0%,#c026d3 55%,#ec4899 100%);
  --st-cta:linear-gradient(120deg,#7c3aed 0%,#b0268f 60%,#db2777 100%);
  --st-cta-hover:linear-gradient(120deg,#6d28d9 0%,#9d1d7f 60%,#be185d 100%);
  --st-glow:#c026d37a;--st-rec-bg:#fdf6ff;--st-card:#fff;
  --st-aura:radial-gradient(circle at 30% 30%,#d8b4fe 0%,#f9a8d4 45%,transparent 70%);
  --st-screen:linear-gradient(135deg,#2a1340 0%,#6d28d9 55%,#db2777 120%);
  --st-key-bg:#f7ecff;--st-key-ink:#2a1340;
}
/* オーロラ（紫〜ピンク）：最後の申込の帯も紫→ピンクに。白い文字は濃い側（白との差 6以上）の上に載る */
html[data-theme="aurora"] .ad-band:not(#how){background:linear-gradient(120deg,#2a1340 0%,#5b21b6 50%,#9d174d 100%)}
html[data-theme="aurora"] .ad-band:not(#how) .ad-h2{color:#fff}
html[data-theme="aurora"] .ad-band:not(#how) .ad-lead{color:#fff;opacity:.94}