/* 둥지 짓기(nest) 색 역할. 밝은 화면과 어두운 화면 두 벌이에요.
   --scene-*는 3D 장면 색이에요. scene.js가 이 값을 읽어 바닥, 벽, 가구를 칠해요. */
:root {
  --bg: #f7f3ec;
  --surface: #fffdf9;
  --ink: #2b2620;
  --ink-soft: #6b6157;
  --rule: #e4dccf;
  --control-bg: #efe8dc;
  --primary-bg: #4f6b3a;
  --on-primary: #ffffff;
  --accent: #7a5a2e;
  --on-accent: #ffffff;
  --accent-soft: #efe4d0;
  --danger: #b3261e;
  --danger-soft: #f9e0dc;
  --focus: #4f6b3a;
  --shadow: rgba(60, 45, 20, 0.16);
  --scene-bg: #efe9df;
  --scene-floor: #e6d7bf;
  --scene-grid: #cdbb9d;
  --scene-wall: #fbf8f2;
  --scene-wall-top: #8c7d68;
  --scene-furniture: #b9ab96;
  --scene-bed: #c9b8a0;
  --scene-baby: #9cb98a;
  --scene-selected: #4f6b3a;
  --scene-bad: #d4513f;
  --scene-window: #8fb8d8;
  --scene-door: #a67c52;
  --scene-label-bg: rgba(255, 253, 249, 0.92);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14120f;
    --surface: #1e1b17;
    --ink: #efe9df;
    --ink-soft: #b3a99c;
    --rule: #3a342c;
    --control-bg: #2a2620;
    --primary-bg: #a9c98f;
    --on-primary: #16210f;
    --accent: #e0b77a;
    --on-accent: #1d1408;
    --accent-soft: #3a2f1f;
    --danger: #ff8a7a;
    --danger-soft: #3b1a16;
    --focus: #c9e3b3;
    --shadow: rgba(0, 0, 0, 0.5);
    --scene-bg: #1a1814;
    --scene-floor: #4a3f31;
    --scene-grid: #62553f;
    --scene-wall: #2e2a24;
    --scene-wall-top: #a8987f;
    --scene-furniture: #6e6455;
    --scene-bed: #7a6c58;
    --scene-baby: #7f9f6c;
    --scene-selected: #c9e3b3;
    --scene-bad: #ff7a66;
    --scene-window: #5f8fb3;
    --scene-door: #b98d60;
    --scene-label-bg: rgba(30, 27, 23, 0.9);
  }
}

:root[data-theme="dark"] {
  --bg: #14120f;
  --surface: #1e1b17;
  --ink: #efe9df;
  --ink-soft: #b3a99c;
  --rule: #3a342c;
  --control-bg: #2a2620;
  --primary-bg: #a9c98f;
  --on-primary: #16210f;
  --accent: #e0b77a;
  --on-accent: #1d1408;
  --accent-soft: #3a2f1f;
  --danger: #ff8a7a;
  --danger-soft: #3b1a16;
  --focus: #c9e3b3;
  --shadow: rgba(0, 0, 0, 0.5);
  --scene-bg: #1a1814;
  --scene-floor: #4a3f31;
  --scene-grid: #62553f;
  --scene-wall: #2e2a24;
  --scene-wall-top: #a8987f;
  --scene-furniture: #6e6455;
  --scene-bed: #7a6c58;
  --scene-baby: #7f9f6c;
  --scene-selected: #c9e3b3;
  --scene-bad: #ff7a66;
  --scene-window: #5f8fb3;
  --scene-door: #b98d60;
  --scene-label-bg: rgba(30, 27, 23, 0.9);
}