/* 공통/물닙/물닙토큰.css — 물닙 디자인 토큰 (DESIGN_SPEC §1.1~1.3 계보, 신규 값 0)
   출처: ~/.claude/design-port/물닙집사/원본/DESIGN_SPEC.md §1.1 색 · §1.2 서체 · §1.3 간격·반경
   앱 테마.css는 이 파일을 @import 하거나 여기 값을 재수출한다. hex는 이 파일 안에서만 존재.
   검증: bash ~/.claude/scripts/디자인이식.sh diff 물닙집사 → 신규색 0 */

:root {
  /* §1.1 색 */
  --paper: #FAFAF6;
  --paper-nav: #FAFAF7;
  --white: #FFFFFF;
  --ink: #1C1C1A;
  --sub: #5B6070;
  --sub-2: #6B7180;
  --line: #E5E5E1;
  --line-2: #BFC1C7;
  --line-nav: #E8E9E9;
  --gold: #8F6D33;
  --gold-2: #B89448;
  --btn: #393939;
  --send: #333333;
  --btn-line: #555B66;
  --input-line: #C3C7D0;
  --input-div: #B7BAC7;
  --bubble-line: #BBB3A9;
  --ava: #EDECE6;
  --track: #E0E0DC;
  --say: #3D3D3A;
  --desk: #E7E6E0;

  /* 캐릭터 전용 (DESIGN_SPEC §4 원문 리터럴) */
  --eye: #1B1C1A;
  --cheer: #6FD3A4;
  --ground-line: #CFCEC8;
  --bubble-text: #2A2E38;

  /* §1.2 서체 */
  --font: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --fs-display: 32px;      --lh-display: 38px;
  --fs-h2: 25px;           --lh-h2: 32px;
  --fs-h3: 20px;           --lh-h3: 28px;
  --fs-number: 30px;       --lh-number: 36px;
  --fs-row: 19px;          --lh-row: 26px;
  --fs-body-lg: 18px;      --lh-body-lg: 24px;
  --fs-body: 17px;         --lh-body: 24px;
  --fs-body-sm: 16px;      --lh-body-sm: 22px;
  --fs-caption: 15px;      --lh-caption: 22px;
  --fs-small: 14px;        --lh-small: 20px;
  --fs-nav: 13px;          --lh-nav: 16px;
  --fs-micro: 12px;        --lh-micro: 16px;
  --fs-say: 16.5px;        --lh-say: 25px;
  --fs-bubble: 14px;       --lh-bubble: 21px;
  --ls-tight: -.02em;
  --ls-tight-1: -.01em;

  /* §1.3 간격·반경 */
  --h-sys: 44px;
  --h-appbar: 48px;
  --h-ask: 54px;
  --h-tabbar: 85px;
  --pad-left: 30px;
  --pad-right: 32px;
  --r-input: 12px;
  --r-btn: 10px;
  --r-pill: 999px;
  --r-bubble: 18px;
  --r-chat: 16px;
  --r-chat-tail: 4px;
  --touch: 44px;
  --touch-dot: 40px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --desk: #1B1C1A; }
}
:root[data-theme="dark"] { --desk: #1B1C1A; }