/* tokens.css — 시안 「E · 진주와 플래티넘」(새 폴더 (2))의 값을 그대로 옮긴 디자인 토큰.
   값을 바꾸려면 시안을 먼저 바꾸고 여기에 맞춘다 — 두 벌이 갈리지 않게. */
:root {
  /* 색 */
  --outer: #DCDFE7;        /* PC 에서 휴대폰 틀 바깥 */
  --bg: #ECEEF3;           /* 앱 배경 */
  --surface: #FFFFFF;
  --soft: #F4F5F8;         /* 줄 배경 · 보조 버튼 */
  --soft2: #F1F2F6;        /* 아이콘 원 */
  --ink: #121A33;          /* 기본 글자 · 주 버튼 */
  --ink-hover: #2D3A66;
  --ink2: #2A3150;         /* 보조 글자 */
  --dim: #4A5068;          /* 흐린 글자 — 흰 바탕·앱 바탕 모두 4.5:1 이상 (2026-10-15 · 제안 C2 · 예전 #6A7088 은 앱 바탕에서 4.2) · 2026-10-18 한 단 더 진하게(#565C72 → · 운영자 「눈에 안 띈다」) */
  --dim2: #646A82;         /* 더 흐린 글자 · 화살표 — 4.5:1 이상 (2026-10-15 · C2 · 예전 #9AA0B5 는 2.6:1 이라 30~50대 손님에게 안 읽혔다) */
  --placeholder: #8A90A3;  /* 입력 안내 글 — 2.1 → 3.2:1 (2026-10-15 · C2 · 실제 글과는 여전히 구분된다) */
  --line: #C9CED9;         /* 입력 밑줄 · 외곽 */
  --line2: #E2E5EC;        /* 구분선 · 체크 꺼짐 */
  --line3: #ECEEF3;        /* 목록 구분 · 비활성 버튼 배경 */
  --chip-line: #DCDFE7;
  --dot: #D9DCE4;
  --gold: #B08D57;         /* champagne */
  --gold-text: #806238;    /* 작은 머리글 · 프리미엄 글자 — 4.5:1 이상 (2026-10-15 · C2 · 예전 #8A6C3D) */
  --gold-deep: #8C6A35;
  --cream: #F7F3EC;
  --cream-line: #E8DCC6;
  --premium: #F5EFE4;
  --error: #A3394A;
  --kakao: #FEE500;
  --kakao-ink: #191600;
  --naver: #03C75A;
  --naver-ink: #FFFFFF;
  --scrim: rgba(18, 26, 51, .5);

  /* 글꼴 */
  /* 글꼴 — 시안 3 「함렛 + 플렉스」 (운영자 확정 2026-10-17 · 글자체 시안 페이지에서 고름)
     제목·별명·로고·점수 숫자 = 함렛(요즘 명조) · 본문·화면 글 = IBM 플렉스 산스.
     예전 송명(붓글씨)은 작은 제목·별명에서 획이 뭉개졌고, 본문 300 굵기는 흐렸다 — 본문은 이제 400 이 바닥이다. */
  --font-body: 'IBM Plex Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-title: 'Hahmlet', serif;
  --font-logo: 'Hahmlet', serif;
  --font-num: 'Hahmlet', serif;
  --w-title: 700;          /* 제목·별명 굵기 — 송명은 400 하나뿐이었다 · 2026-10-18 600 → 700 (운영자 「눈에 안 띈다」 · 점신 제목 700) */
  --w-logo: 700;

  /* 둥글기 */
  --r-card: 22px;
  --r-sheet: 28px;
  --r-tab: 18px;
  --r-btn: 16px;
  --r-row: 14px;
  --r-pill: 999px;

  /* 그림자 */
  --shadow-card: 0 1px 2px rgba(18, 26, 51, .06), 0 8px 24px rgba(18, 26, 51, .06);
  --shadow-pick: 0 1px 3px rgba(18, 26, 51, .12);

  /* 크기 */
  --phone: 440px;          /* 2026-10-18 390 → 440 (운영자 「PC 에서 작다」 · 점신 본문 432) — 휴대폰은 .phone max-width:100% 라 그대로 */
  --topbar: 56px;
  --touch: 44px;
  --cta: 56px;
  --tabbar: 70px;
  --gutter: 12px;
}