/* 공통 디자인 값: 네 화면이 같은 색을 씀. 색을 바꾸려면 여기 한 곳만 고치면 됨
   화면별로만 쓰는 값(지도·사이드바·별점 등)은 각 화면 CSS에 있음 */
:root{
  --bg:#f4f6f6; --surface:#ffffff; --sunk:#eef2f1; --ink:#101917; --sub:#4f5d59; --faint:#8a9893; --line:#e1e7e5;
  --brand:#0b7a68; --brand-ink:#ffffff; --brand-soft:#e2f2ee;
  --warn:#b26a00; --warn-soft:#fff3df; --bad:#d23f31; --bad-soft:#fdecea;
  --land:#e9efe8; --sea:#cfe5ee; --road:#ffffff; --river:#bcd9e6;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0e1413; --surface:#161e1c; --sunk:#1c2624; --ink:#eaf1ef; --sub:#a9b7b2; --faint:#73827d; --line:#26322f;
  --brand:#3cc4a7; --brand-ink:#06201b; --brand-soft:#173430;
  --warn:#f0b44f; --warn-soft:#3a2c12; --bad:#ff7a6b; --bad-soft:#3a1c19;
  --land:#1b2422; --sea:#14262d; --road:#2a3532; --river:#1d3640;
}}
:root[data-theme="dark"]{
  --bg:#0e1413; --surface:#161e1c; --sunk:#1c2624; --ink:#eaf1ef; --sub:#a9b7b2; --faint:#73827d; --line:#26322f;
  --brand:#3cc4a7; --brand-ink:#06201b; --brand-soft:#173430;
  --warn:#f0b44f; --warn-soft:#3a2c12; --bad:#ff7a6b; --bad-soft:#3a1c19;
  --land:#1b2422; --sea:#14262d; --road:#2a3532; --river:#1d3640;
}