/* 캠프파이어(campfire) 색 역할. 불가 화면은 밤이라 늘 어두운 화면(data-theme="dark")을 써요.
   밝은 화면 값은 소개, 처리방침 같은 글 페이지용이에요. */
:root {
  --bg: #f6efe6;
  --surface: #fffaf3;
  --ink: #2a1f17;
  --ink-soft: #6f5f52;
  --rule: #e3d6c6;
  --control-bg: #efe5d8;
  --primary-bg: #b8521c;
  --on-primary: #fff8f0;
  --accent: #c46a24;
  --on-accent: #ffffff;
  --accent-soft: #f6e2cf;
  --danger: #b3261e;
  --danger-soft: #f9e0dc;
  --focus: #c46a24;
  --shadow: rgba(60, 30, 10, 0.18);
  --scrim: rgba(246, 239, 230, 0.86);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #070605;
    --surface: #17120e;
    --ink: #f3e9dc;
    --ink-soft: #b8a898;
    --rule: #3a2f26;
    --control-bg: #221a14;
    --primary-bg: #e8823a;
    --on-primary: #1a0f07;
    --accent: #f2b25c;
    --on-accent: #1a0f07;
    --accent-soft: #3a2616;
    --danger: #ff8a7a;
    --danger-soft: #3b1a16;
    --focus: #ffcf8a;
    --shadow: rgba(0, 0, 0, 0.6);
    --scrim: rgba(12, 9, 7, 0.78);
  }
}

:root[data-theme="dark"] {
  --bg: #070605;
  --surface: #17120e;
  --ink: #f3e9dc;
  --ink-soft: #b8a898;
  --rule: #3a2f26;
  --control-bg: #221a14;
  --primary-bg: #e8823a;
  --on-primary: #1a0f07;
  --accent: #f2b25c;
  --on-accent: #1a0f07;
  --accent-soft: #3a2616;
  --danger: #ff8a7a;
  --danger-soft: #3b1a16;
  --focus: #ffcf8a;
  --shadow: rgba(0, 0, 0, 0.6);
  --scrim: rgba(12, 9, 7, 0.78);
}