/* 색·글꼴 변수. 다크 모드는 시스템 설정을 따르고, data-theme로 강제할 수 있다 */
:root{
  --bg:#f2f4f6; --surface:#ffffff; --sunk:#e9edf1; --line:#d9dfe6;
  --fg:#18212c; --muted:#5d6978;
  --accent:#b9770a; --accent-soft:#fbefd9;
  --ok:#2c8a57; --ok-soft:#e1f2e8; --bad:#bf4535; --bad-soft:#f9e3df; --info:#3567a8; --info-soft:#e2ebf7;
  --c-root:#a83a3a; --c-arc:#6247b0; --c-boss:#9a7a12; --c-dawn:#2f7fa8; --tile-ink:#ffffff;
  --f-display:"Do Hyeon","IBM Plex Sans KR",system-ui,sans-serif;
  --f-body:"IBM Plex Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:8px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#11151b; --surface:#191f27; --sunk:#141920; --line:#2a333e; --fg:#e5e9ef; --muted:#93a0b0;
  --accent:#e6a636; --accent-soft:#3a2d14; --ok:#4fbf83; --ok-soft:#173527; --bad:#e46d5c; --bad-soft:#3d1d19; --info:#74a3e2; --info-soft:#18273c;
  --c-root:#c75252; --c-arc:#8068d0; --c-boss:#b8951f; --c-dawn:#3f9ccc; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#11151b; --surface:#191f27; --sunk:#141920; --line:#2a333e; --fg:#e5e9ef; --muted:#93a0b0;
  --accent:#e6a636; --accent-soft:#3a2d14; --ok:#4fbf83; --ok-soft:#173527; --bad:#e46d5c; --bad-soft:#3d1d19; --info:#74a3e2; --info-soft:#18273c;
  --c-root:#c75252; --c-arc:#8068d0; --c-boss:#b8951f; --c-dawn:#3f9ccc; color-scheme:dark}