/* ============================================
   SAO Pitch — Light theme override（2026-10-19）
   白ベースで視認性を上げる。元の style.css は無改変、このファイルを外せば元のダークに戻る。
   ライム(#8df701)は白地では文字に使えないため「塗り」専用にし、文字のアクセントは深緑にする。
   ============================================ */
:root {
  --bg:          #fafaf7;
  --bg-deep:     #f1f1ec;
  --bg-panel:    #ffffff;
  --fg:          #0b0b0c;
  --fg-mute:     #4a4a46;
  --fg-dim:      #6b6b66;
  --fg-faint:    #dcdcd5;
  --accent:      #3d7d00;               /* 文字用アクセント（白地でコントラスト確保） */
  --lime:        #8df701;               /* 塗り用 */
  --accent-mute: rgba(61, 125, 0, 0.28);
  --accent-faint:rgba(141, 247, 1, 0.14);
}

/* 発光・暗ハローは白地では濁るので全廃 */
.hero, .section, .footer, .hero *, .section *, .footer *, .commit__val { text-shadow: none !important; }

/* ハードコードの白文字 → 本文色 */
.section :is(h1,h2,h3,b,strong), .hero :is(h1,h2,h3), .metric__val, .sim__rv, .nowrate__v, .nowrate__jp,
.prc-build__v, .commit__val, .phase__v, .strc-cal__m, .sim__input, .sim__rsub b { color: var(--fg); }
.sim__result--year .sim__rv, .sim__result--total .sim__rv, .sim__result--share .sim__rv,
.nowrate__cell--main .nowrate__v, .phase__step--goal .phase__v, .metric__unit { color: var(--accent); }

/* 塗りはライムのまま（文字は黒） */
.sim__toggle-btn.is-active, .gate__btn, .strc-role__list em, .intro__rule { background: var(--lime); color: #050505; }
.screen__list li::before, .sim__range::-webkit-slider-thumb { background: var(--lime); }
.sim__range::-moz-range-thumb { background: var(--lime); }
.sec--lime { background-color: var(--lime); }
.metric__bar i, .commit__bar i { background: var(--lime) !important; box-shadow: none !important; }

/* パネル・枠 */
.sim, .nowrate, .tabs__panel, .ledger, .bspl, .evaltbl { background: #fff; border-color: var(--fg-faint); }
.sim::before, .tabs__panel::before, .ledger::before, .bspl::before { display: none !important; }
.sim__result, .nowrate__cell { background: #fff; }
.sim__result--year, .sim__result--total, .nowrate__cell--main { background: rgba(141,247,1,.16); }

/* 背景の粒子は薄く */
.fx-bg { opacity: .35; }

/* ダーク演出レイヤー（暗幕・ビネット・走査線・スクリーン合成）は白地では灰色の膜になるので外す */
.mfx-veil, .mfx-vignette, .mfx-scan, .mfx-aurora, .mfx-cursor, .mfx-edge, .hero__scrim { display: none !important; }
.mfx-noise { opacity: .025; }
.mfx-grid { opacity: .22; }
.tabs__panel::before, .ledger::before, .bspl::before, .sim::before { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.gate { background: var(--bg); }

/* 白文字指定の一括置換（style.css で color:#fff の要素） */
.metric__val, .commit__val, .cpt-pie__big, .cpt-pie__lead, .cpt-aim__jp, .metrics__monthly-item b, .cpt-slots__jp,
.hold__jp, .strc-point__jp, .strc-flow__v, .strc-ex__label, .strc-ex__v, .strc-ex__basev, .prc-al__jp, .prc-al__amt,
.prc-fig__v, .prc-scheme-note strong, .prc-build__v, .eval__lead, .evaltbl__v, .strc-role__head, .screen__jp,
.screen__list strong, .screen__cap-jp strong, .sim__jp, .sim__input, .sim__rv, .prc-scope__text strong, .phase__v,
.bspl__title, .bs__row--total .bs__k, .pl__flow b, .screen__supp strong, .gate__input, .nowrate__jp, .nowrate__v,
.sim__rsub b { color: var(--fg); }

/* ネオンの呼吸（ぼかし発光）は白地でにじむので止める */
.hero__accent, .commit__val, .sec__en, .hero__title { animation: none !important; filter: none !important; }

/* 白ロゴ画像 → 黒に反転（発光も外す） */
img[src*="sao_logo_white"] { filter: invert(1) !important; }