/* PickMate 디자인 토큰. design/PickMate.dc.html 의 최신 아트보드(4·5번 턴)에서 뽑았다.
   색·간격·반경·타이포는 이 파일에서만 정의하고 다른 스타일시트는 변수만 참조한다. */

:root{
  /* 표면 */
  --paper:#fff;
  --canvas:#f1f5f2;
  --soft:#eef3f0;
  --sunken:#e8ece9;

  /* 텍스트 */
  --ink:#10201b;
  --ink-soft:#28382f;
  --body:#4a5852;
  --muted:#57655e;
  --faint:#7b8a83;

  /* 경계 */
  --line:#dce5df;
  --line-strong:#cddad3;

  /* 브랜드 */
  --mint:#087a61;
  --mint-hover:#066b55;
  --mint-dark:#064e40;
  --mint-pale:#e2f6ed;
  --mint-pale-2:#d7ece3;
  --on-mint:#fff;

  /* 상태 */
  --danger:#b42318;
  --danger-bg:#fdecec;
  --warn:#8a5a00;
  --warn-bg:#fdf3e2;
  --live:#d92d20;

  /* 어두운 면 */
  --deep:#3f4d46;
  --deep-ink:#28382f;

  /* 타이포 */
  --font:Pretendard,'Apple SD Gothic Neo',system-ui,-apple-system,sans-serif;
  --fs-display:28px;
  --fs-title:21px;
  --fs-h1:19px;
  --fs-h2:17px;
  --fs-lead:16px;
  --fs-body:15px;
  --fs-sm:14px;
  --fs-cap:13px;
  --fs-xs:12px;

  /* 반경 */
  --r-card:18px;
  --r-box:16px;
  --r-ctl:9px;
  --r-sm:8px;
  --r-pill:999px;

  /* 간격 */
  --sp-1:5px;
  --sp-2:7px;
  --sp-3:10px;
  --sp-4:12px;
  --sp-5:14px;
  --sp-6:18px;
  --sp-7:24px;

  /* 레이아웃 */
  --shell:760px;
  --topbar-h:56px;
  --nav-h:62px;
  --action-h:72px;
  --gutter:18px;
  --safe-bottom:env(safe-area-inset-bottom,0px);

  /* 층 */
  --z-nav:20;
  --z-action:25;
  --z-modal:40;
  --z-toast:50;
}