/* 여행한장 공통 옷 (2026-10-02) — 여행 페이지마다 이름·색·글꼴이 달라서 하나로 맞춘다.
 * 각 페이지 <style> 뒤에 이 파일을 붙여 색 토큰만 여행한장 값으로 덮는다. 기능·구조는 안 건드린다.
 * 다크모드는 여행한장에 없으므로 hanjang.js가 data-theme="light"로 고정한다. */
:root{
  --bg:#f5f6fb; --card:#fff; --ink:#141726; --sub:#5f6672; --mute:#68707d; --line:#e9ebf2;
  --brand:#5b5bf7; --brand2:#ff5c8a; --c1:#5b5bf7; --c2:#8f6bff; --soft:#ecebff; --me:#5b5bf7;
  --brand-ink:#ffffff; --r:18px; --shadow:0 6px 24px rgba(20,23,38,.07);
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
  /* travel.html(공개 가이드) 변수 이름 */
  --pur:#5b5bf7; --pur2:#8f6bff; --txt:#141726; --mut:#6b7280;
}
body{font-family:var(--font);letter-spacing:-.01em;word-break:keep-all}
/* 로고 아이콘 = 여행한장 그라데이션 */
.top .logo i,.top>i,.logo i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#5b5bf7,#ff5c8a)!important;display:inline-grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
.logo{font-weight:800;letter-spacing:-.03em}
.yhj-sec{font-size:12px;font-weight:600;color:var(--sub);margin-left:6px;letter-spacing:0}
/* 모든 페이지 공통 «여행한장 홈» 띠 (hanjang.js가 넣는다) */
.yhj-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:560px;margin:0 auto;padding:8px 16px;font-size:13px;background:var(--bg)}
.yhj-bar a{text-decoration:none;color:var(--ink);font-weight:800;display:flex;align-items:center;gap:6px}
.yhj-bar a i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#5b5bf7,#ff5c8a);display:inline-grid;place-items:center;font-style:normal;color:#fff;font-size:12px}
.yhj-bar .home{font-weight:600;color:var(--sub);background:#fff;border:1px solid var(--line);padding:5px 10px;border-radius:999px;font-size:12.5px}