/* 店舗ごとのスキン（プラットフォームの「設定」→ 店舗情報 で選ぶ）
   <html data-skin="alice|tink"> のときに色を上書きする。default は各画面の標準（ライト／ダーク）のまま。
   各画面の :root やダークモードの指定より強くなるよう、詳細度を上げている */
html:root[data-skin="alice"][data-skin]{
  --ground:#EEF5FC; --surface:#FFFFFF; --sunk:#F0F5FC; --ink:#1F2A44; --muted:#5F6B86; --line:#D6E3F3;
  --accent:#2F78C8; --accent-ink:#FFFFFF; --accent-soft:#E2EEFB;
  --gold:#9A6E1B; --gold-soft:#FBF1DC;
  --ok:#1F8A63; --ok-soft:#E1F4EC; --warn:#A06A12; --warn-soft:#FBEFD9; --bad:#C63B4E; --bad-soft:#FCE5E9;
  --shadow:0 1px 2px rgba(40,80,140,.06),0 4px 14px rgba(60,110,190,.08);
  color-scheme:light;
}
html:root[data-skin="alice"][data-skin] body{background:linear-gradient(160deg,#E2F0FC 0%,#EEEAF8 50%,#FBE6F0 100%) fixed}
html:root[data-skin="tink"][data-skin]{
  --ground:#0E0C09; --surface:#1A1712; --sunk:#14120E; --ink:#F3ECDD; --muted:#B3A68A; --line:#3A3326;
  --accent:#D4AF37; --accent-ink:#1A1408; --accent-soft:#3A2F12;
  --gold:#E3C35A; --gold-soft:#3A2F12;
  --ok:#5CC28F; --ok-soft:#173226; --warn:#E5B357; --warn-soft:#33270F; --bad:#F07565; --bad-soft:#3A1D1A;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.35);
  color-scheme:dark;
}
html:root[data-skin="tink"][data-skin] body{background:radial-gradient(1200px 600px at 15% -10%,rgba(212,175,55,.16),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(212,175,55,.08),transparent 60%),#0E0C09 fixed}
/* ロゴ：明るいスキンは黒、暗いスキンは白 */
html:root[data-skin="alice"][data-skin] .cx-logo:not(.on-dark){--cx-logo:url(/assets/conceptx-logo-black.png)}
html:root[data-skin="tink"][data-skin] .cx-logo{--cx-logo:url(/assets/conceptx-logo-white.png)}