/* whose.one 색 토큰 — 작은 서울 색감 명세 v1(2026-09-24, proto/casual-study/COLOR-SPEC.md)을 역할 이름으로 옮긴 것.
   게임(app/art-m3)·지도(app/map)·첫 화면(site)·계정 창(app/account)이 모두 이 이름을 쓴다.
   색을 바꿀 때는 여기서 역할 값만 바꾼다. 의미가 있는 색(플레이어 4색·그룹·부채 구간·돈 흐름·티어·실거래가 색칠)은
   브랜드 오렌지로 덮지 않는다 — 아래 ‘의미 색’ 에 따로 둔다. */
:root{
  /* 바탕 */
  --surface-page:#F8F1E5;
  --surface-card:#FFFAF0;
  --surface-sunk:#F1E7D4;        /* 카드 안 오목한 칸(그림·표) */
  --surface-board:#EFDBB5;
  --surface-board-light:#FFF2D4;
  --surface-tab:#EDE6D9;
  --board-gradient:radial-gradient(ellipse at 50% 43%,#FFF2D4 15%,#EFDBB5 74%);
  /* 글자 — 흐린 보조 글자는 명세값(#727583, 4.4:1)보다 조금 진하게(#686B78, 5.1:1) — 명세 9절 보완 */
  --text-primary:#28324B;
  --text-secondary:#686B78;
  --text-warm:#806345;
  --text-faint:#8B8376;
  --overline:#967247;
  /* 선 · 그림자 */
  --border-default:#E8DBC6;
  --border-board:#DFC69D;
  --shadow-board:#DDC6A4;
  --shadow-card:#E9DFCF;
  /* 행동 — 오렌지 면 + 흰 글자는 크고 굵은 버튼(16px 이상)에만. 작은 오렌지 글자는 --action-text */
  --action-primary:#E87532;
  --action-primary-hover:#D96524;
  --action-primary-border:#C3602A;
  --action-primary-shadow:#A94D28;
  --action-primary-text:#FFFFFF;
  --action-text:#B4542B;
  --action-secondary:#FAE4B5;
  --action-secondary-border:#D7B57A;
  --action-secondary-shadow:#DFBF83;
  --action-ghost:#FFF9E9;
  --action-ghost-border:#DDC6A4;
  --action-ghost-shadow:#D9BF96;
  /* 선택 · 초점 */
  --selection:#28324B;
  --selection-shadow:#151F33;
  --selection-text:#FFFFFF;
  --focus-ring:#357AB2;
  /* 보상 · 티어 배지 */
  --reward-surface:#F6DF9E;
  --reward-border:#E9C977;
  --reward-icon:#A46E25;
  --reward-text:#856E46;
  --tier-surface:#F8D274;
  --tier-text:#7E5425;
  /* 명패 · 토스트 · 패널 */
  --label-surface:#FFFCF0F5;
  --label-border:#E0C9A3;
  --label-selected-border:#FFF2D1;
  --label-special:#FCE2A7;
  --panel-surface:#FFFAF0F5;
  --panel-border:#E4D5B9;
  --toast:#28324BEF;
  /* 의미 색 — 브랜드 색과 따로 관리 */
  --player-0:#FF4D6D;--player-1:#2DC4A7;--player-2:#5B8DEF;--player-3:#FFB020;
  --gain:#12925F;--gain-surface:#E3F6EC;--gain-line:#2BB37A;
  --loss:#E0445A;--loss-surface:#FDE8EB;--loss-line:#EF5A6F;
  --swap:#4F7FD6;--swap-surface:#E6EEFC;--swap-line:#6B93E0;
  --band-safe:#3DAA7D;--band-push:#F2B544;--band-hot:#E8636F;
  --danger:#D8465B;
  --radius-card:24px;
  --font:'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;
}
/* 스크롤바: 얇은 샌드 */
*{scrollbar-width:thin;scrollbar-color:#D9C3A0 transparent}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#D9C3A0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#C4A77C}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}