/* 리디자인 디자인 토큰 v2 — 기획 02 구현기획서 §7-1~7-4 값 그대로(2026-10-19 시안, 최종 승인 대-1 대기).
   승인 결과가 바뀌어도 이 파일 하나만 고치도록 값은 여기에만 둔다. 리디자인 화면(layouts/redesign)만 로드한다 —
   기존 인화·결제 화면(tokens.css)은 "현행 그대로"(기획 §0-3)라 건드리지 않는다. 다크모드는 범위 밖(§7-1). */
:root {
  /* 면·선 */
  --paper:  #FBFAF7;   /* 화면 바탕 */
  --white:  #FFFFFF;   /* 카드 */
  --line:   #E6E2D9;   /* 구분선·보조 버튼 테두리·탭 바 상단선 */
  --photo:  #E9E2D5;   /* 사진 자리(로딩·빈 자리) */
  --tint:   #F3F0E8;   /* 안내 면 */

  /* 글자 */
  --ink:   #1A1B2E;    /* 글자·주 버튼 배경 */
  --ink2:  #4D4E63;    /* 보조 글자 */
  --ink3:  #6E6F85;    /* 캡션 — --white·--paper 위에서만(대비 4.5:1, §7-7) */

  /* 강조·상태 */
  --marigold:      #F2B233;  /* 강조 면·진행 표시·활성 탭. 위 글자는 --ink 만(흰 글자 금지 — 대비 미달) */
  --marigold-deep: #9A6200;  /* 글자용 강조(바탕 위 4.5:1) */
  --warn: #B25E12;           /* 경고(한도 초과·오프라인) */
  --ok:   #2F6B4F;           /* 완료·정상 */

  /* 글꼴(§7-2) */
  --font-display: 'Hahmlet', 'IBM Plex Sans KR', serif;
  --font-body:    'IBM Plex Sans KR', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;

  /* 간격·라운드(§7-3) — 그림자 없음: 카드는 --white 면과 --paper 바탕의 명도 차로만 구분 */
  --gutter: 20px;      /* 화면 좌우 여백(360px 폭에서도 유지) */
  --gap: 14px;         /* 카드 간 세로 간격 */
  --pad: 18px;         /* 카드 안 여백 */
  --r-card: 20px;
  --r-small: 12px;     /* 칩·입력·썸네일 */
  --r-btn: 14px;

  /* 탭 바(§7-6) */
  --tabbar-h: 64px;
}