/* 世界観ごとの「衣装」。<body data-skin="..."> で切り替える。
   どのデザイン案（data-design）でも、ここの色・書体・背景を使う。 */

:root {
  --font-title: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-body: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-ui: "Zen Kaku Gothic New", "Yu Gothic UI", "Hiragino Sans", "Meiryo", sans-serif;
}

/* 標準（タイトル画面など） */
[data-skin="default"], body:not([data-skin]) {
  --bg: #0e0f14; --bg2: #171923; --ink: #ece8df; --muted: #9a97a3; --accent: #d4a64a; --accent2: #8f6b2a;
  --paper: #efe6d2; --paper-ink: #2b2218; --table: #1d3b2f;
  --scene: radial-gradient(ellipse at 50% 0%, #2a2440 0%, #0e0f14 60%);
  --glow: 0 0 24px rgba(212, 166, 74, .25);
}

/* 和風怪談（八雲怪談行脚・遠野異聞・霧ヶ村） */
[data-skin="wa"] {
  --bg: #0d0f12; --bg2: #171a1e; --ink: #e9e4d8; --muted: #8e9196; --accent: #c0392b; --accent2: #6d1f17;
  --paper: #efe8d8; --paper-ink: #1f1a14; --table: #2a2622;
  --font-title: "Yuji Syuku", "Shippori Mincho", "Yu Mincho", serif;
  --scene: radial-gradient(ellipse at 30% 10%, #2b3238 0%, #0d0f12 55%), linear-gradient(#0d0f12, #050607);
  --glow: 0 0 22px rgba(192, 57, 43, .25);
}

/* 古典ミステリー（ベイカー街の依頼人・最終列車殺人事件） */
[data-skin="noir"] {
  --bg: #15110c; --bg2: #211b14; --ink: #efe3cf; --muted: #a8977e; --accent: #c8963e; --accent2: #7a5524;
  --paper: #f1e4c8; --paper-ink: #2c2014; --table: #3a2a1c;
  --font-title: "Zen Old Mincho", "Shippori Mincho", serif;
  --scene: radial-gradient(ellipse at 70% 0%, #3a2c1c 0%, #15110c 60%);
  --glow: 0 0 22px rgba(200, 150, 62, .25);
}

/* サイバーパンク（ネオン下層街） */
[data-skin="neon"] {
  --bg: #07060d; --bg2: #120f1f; --ink: #e8e6ff; --muted: #8c87b5; --accent: #ff3ea5; --accent2: #22d3ee;
  --paper: #e9e7f7; --paper-ink: #17142b; --table: #120a24;
  --font-title: "Dela Gothic One", "Zen Kaku Gothic New", sans-serif;
  --font-body: "Zen Kaku Gothic New", "Yu Gothic UI", sans-serif;
  --scene: radial-gradient(ellipse at 20% 0%, #3b0f45 0%, transparent 55%), radial-gradient(ellipse at 90% 20%, #08394a 0%, transparent 50%), #07060d;
  --glow: 0 0 18px rgba(255, 62, 165, .55), 0 0 40px rgba(34, 211, 238, .2);
}

/* ファンタジー（呪われた迷宮都市・シンドバッド第八の航海） */
[data-skin="fantasy"] {
  --bg: #120e08; --bg2: #1e170e; --ink: #f2e6c8; --muted: #a79772; --accent: #e0b04a; --accent2: #8a5a1c;
  --paper: #ecd9ae; --paper-ink: #2e1f0c; --table: #3b2414;
  --font-title: "Kaisei Decol", "Shippori Mincho", serif;
  --scene: radial-gradient(ellipse at 50% 100%, #4a2a10 0%, #120e08 60%);
  --glow: 0 0 24px rgba(224, 176, 74, .3);
}

/* SF（漂流船オルフェウス・八十万年後の世界） */
[data-skin="scifi"] {
  --bg: #050b10; --bg2: #0c1720; --ink: #dff4fb; --muted: #7e9aa8; --accent: #4fd1e8; --accent2: #1c6b80;
  --paper: #e3eef2; --paper-ink: #0f2430; --table: #0b1c26;
  --font-title: "DotGothic16", "Zen Kaku Gothic New", sans-serif;
  --font-body: "Zen Kaku Gothic New", "Yu Gothic UI", sans-serif;
  --scene: radial-gradient(ellipse at 50% 0%, #0f3445 0%, #050b10 60%);
  --glow: 0 0 20px rgba(79, 209, 232, .35);
}

/* ゴシック（赤死病の仮面舞踏会） */
[data-skin="gothic"] {
  --bg: #0b0507; --bg2: #180b0f; --ink: #f0e2e2; --muted: #a07f86; --accent: #d1313f; --accent2: #5c0e18;
  --paper: #eadcd8; --paper-ink: #2a0c12; --table: #2a0a12;
  --font-title: "Zen Antique", "Shippori Mincho", serif;
  --scene: radial-gradient(ellipse at 50% 0%, #4a0d18 0%, #0b0507 60%);
  --glow: 0 0 24px rgba(209, 49, 63, .35);
}

/* 昭和の探偵活劇（百面相シリーズ） */
[data-skin="showa"] {
  --bg: #120c0a; --bg2: #1f1512; --ink: #f4ead8; --muted: #a8968a; --accent: #e23b2e; --accent2: #f2c14e;
  --paper: #f3e8d2; --paper-ink: #24160f; --table: #3a1f17;
  --font-title: "Dela Gothic One", "Shippori Mincho", serif;
  --scene: radial-gradient(ellipse at 80% 0%, #4a1c14 0%, #120c0a 55%);
  --glow: 0 0 22px rgba(226, 59, 46, .35);
}