/* CSS変数定義 */
:root {
  --sky: #fff9f0;
  --panel: #fff;
  --line: #ffe2a6;
  --accent: #ffbd1a;
  --accent-soft: #fff7e6;
  --shadow: #ffe199;
  --shadow-strong: #e4a600;
  --shadow-mid: #f0cc68;
  --shadow-soft: #ffe6ac;
  --shadow-glow: rgba(255, 189, 26, 0.4);
  --ink: #0f172a;
  --hint: #6b7280;
  --chip: #eef8ff;
  --chip-b: #cfe8ff;
  --chip-a: #dff2ff;
  --chat-bg: rgba(255,249,240,0.7);
  --chat-border: #ffe2a6;
  --game-h: 30vh; /* ← マップの縦サイズ（画面高さの30%） */
}

/* テーマ切替用（body[data-theme] によって上書き） */
:root[data-theme="mimosa"] {
  --sky: #fff9f0;
  --line: #ffe2a6;
  --accent: #ffbd1a;
  --accent-soft: #fff7e6;
  --shadow: #ffe199;
  --shadow-strong: #e4a600;
  --shadow-mid: #f0cc68;
  --shadow-soft: #ffe6ac;
  --shadow-glow: rgba(255, 189, 26, 0.4);
  --chat-bg: rgba(255,249,240,0.7);
  --chat-border: #ffe2a6;
}

:root[data-theme="sakura"] {
  --sky: #fff0f5;
  --line: #f9c2d0;
  --accent: #f472b6;
  --accent-soft: #fde7f2;
  --shadow: #fbcfe8;
  --shadow-strong: #db2777;
  --shadow-mid: #fda4af;
  --shadow-soft: #fce7f3;
  --shadow-glow: rgba(244, 114, 182, 0.35);
  --chat-bg: rgba(255,235,240,0.7);
  --chat-border: #f9c2d0;
}

:root[data-theme="mono"] {
  --sky: #f5f5f5;
  --line: #9ca3af;
  --accent: #6b7280;
  --accent-soft: #eeeeee;
  --shadow: #d1d5db;
  --shadow-strong: #4b5563;
  --shadow-mid: #9ca3af;
  --shadow-soft: #d1d5db;
  --shadow-glow: rgba(107, 114, 128, 0.3);
  --chat-bg: rgba(20,20,20,0.70);
  --chat-border: #4b5563;
}

:root[data-theme="green"] {
  --sky: #f3fff6;
  --line: #b7e4c7;
  --accent: #10b981;
  --accent-soft: #e6f9f1;
  --shadow: #a7f3d0;
  --shadow-strong: #047857;
  --shadow-mid: #34d399;
  --shadow-soft: #bbf7d0;
  --shadow-glow: rgba(16, 185, 129, 0.35);
  --chat-bg: rgba(234,253,234,0.70);
  --chat-border: #b7e4c7;
}