/* 코어 디자인 토큰. 앱은 public/app/app.css에서 --brand 등만 바꾼다. */
:root{
  --bg:#F5F7F8; --surface:#FFFFFF; --ink:#1A2127; --muted:#5E6A73; --line:#D9DFE3;
  --brand:#2F5D8A; --brand-ink:#FFFFFF; --pos:#1C66A0; --neg:#B8342A; --warn:#A8690F; --warn-bg:#FFF4DF;
  --font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --r1:4px; --r2:10px;
  --dur-fast:150ms; --dur:250ms; --dur-slow:500ms; --ease:cubic-bezier(.2,.8,.2,1);
  --tap:44px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#111518; --surface:#1A2025; --ink:#E6ECEF; --muted:#98A5AE; --line:#2B343B;
    --brand:#7FB0E0; --brand-ink:#0D1216; --pos:#6FB0E3; --neg:#EE7D6E; --warn:#E3AE55; --warn-bg:#2E2413;
  }
}
@media (prefers-reduced-motion:reduce){
  :root{ --dur-fast:0ms; --dur:0ms; --dur-slow:0ms; }
}