/* 디지털 서재 v3 — 디자인 토큰 (단일 기준, 모듈은 이 변수만 사용) */
:root {
  /* 색 — 밝은 갤러리 벽 위의 서가 */
  --wall: #f2efe9;          /* 전시장 벽 */
  --paper: #faf8f4;         /* 종이/카드 표면 */
  --page-cream: #f4ece0;    /* 책 내지 */
  --ink: #211d18;           /* 본문 잉크 */
  --ink-soft: #6b645a;      /* 보조 텍스트 */
  --board: #6d543c;         /* 선반 보드 목재 */
  --board-shade: #4c3a29;   /* 보드 밑면 음영 */
  --scrim: rgba(244, 241, 235, 0.82); /* 오버레이 스크림(밝게) */

  /* 시간 */
  --dur-hover: 140ms;
  --dur-open: 520ms;
  --dur-flip: 480ms;
  --dur-riffle: 240ms; /* 휘리릭 넘김의 낱장 하나 */

  /* 이징 */
  --ease-settle: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);         /* 쫀득한 오버슈트 */
  --ease-flip-in: cubic-bezier(0.52, 0.08, 0.78, 0.42);  /* 종이 저항 (0→50%) */
  --ease-flip-out: cubic-bezier(0.22, 0.58, 0.4, 0.94);  /* 사뿐한 착지 (50→100%) */

  /* 그림자 */
  --shadow-spine: 0 1px 2px rgba(40, 30, 18, 0.18);
  --shadow-book: 0 24px 60px rgba(40, 30, 18, 0.28), 0 4px 14px rgba(40, 30, 18, 0.16);
  --shadow-leaf: 0 6px 24px rgba(40, 30, 18, 0.18);

  /* 3D */
  --flip-perspective: 2600px;

  /* 층위 */
  --z-overlay: 100;

  /* 서체 */
  --font-ui: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
  --font-title: "Nanum Myeongjo", "Noto Serif KR", serif;
}