/* 设计变量。颜色取自页面草稿；蘑菇的红色取自图标。
   皮肤在运行时按 data/skins.json 的 colors 改写 --piece-* 这一组。 */

:root {
  color-scheme: dark;

  /* 煤灰棕的底、纸板色的垃圾块、锈红和警戒黄的强调 */
  --bg: #221e1b;
  --board: #15120f;
  --line: #e9dfc9;
  --text: #e9dfc9;
  --text-dim: #b3a88f;
  --ink: #1d1814;
  --ink-dim: #5c5347;

  --piece-top: #cbbd9f;
  --piece-mid: #978a70;
  --piece-low: #6b6150;
  --piece-mark: #5a5142;
  --piece-shadow: rgba(0, 0, 0, 0.5);
  --ink-shadow: rgba(0, 0, 0, 0.5);

  --sign: #5d564c;
  --round: #e9dfc9;
  --round-dark: #5d564c;
  --tray: #b9b1a1;
  --panel: #e9dfc9;
  --row: #d6cbb0;

  --rust: #a4502a;
  --go: #e2a82b;
  --taint: #b52a20;
  --count: #8ea3c4;
  --seal: #8ea3c4;
  --oxy: #8ea3c4;
  --energy: #e2a82b;
  --xp: #e9dfc9;
  --bar-bg: #15120f;
  --press: #cfc3a8;

  /* 主页场景 */
  --sky: #3a2c23;
  --sky-low: #5a4030;
  --haze: #8a6843;
  --smoke: #8f877b;
  --ruin: #2b221c;
  --ground: #4a3b2e;
  --ground-dark: #3a2e24;
  --metal: #8b8478;
  --spore: #b52a20;

  --shroom: #8a1c1c;
  --shroom-spot: #c98d8d;
  --shroom-dark: #3e0d0d;

  --font: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --fs-xs: 0.8125rem;
  --fs-s: 0.9375rem;
  --fs-m: 1.0625rem;
  --fs-l: 1.3125rem;
  --fs-xl: 1.75rem;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 物品格子的边长：所有屏幕一样大，不随宽度缩放 */
  --slot-size: 56px;

  --radius: 14px;
  --radius-pill: 999px;
  --touch: 48px;
  --border: 4px;

  /* 层级：内容 < 整屏视图 < 飞行动画 < 面板遮罩 < 提示 */
  --z-sheet: 10;
  --z-fly: 20;
  --z-panel: 40;
  --z-toast: 60;

  --stage-max: 460px;
}

@media (pointer: coarse) {
  :root {
    --stage-max: 620px;
  }
}