/* ============================================================
   Privé · 디자인 표준 모듈 (theme.css) — 모든 페이지 공통 기준
   이 값만 바꾸면 전 페이지 바탕·글자색·포인트색·글꼴이 한 번에 바뀝니다.
   (각 페이지는 var(--토큰,기본값)이라 이 파일이 없어도 기본값으로 동작)
   ============================================================ */
:root{
  /* 바탕·면 — 따뜻한 톤 */
  --bg:#F6F4EF;          /* 페이지 배경(웜 오프화이트) */
  --surface:#FFFFFF;     /* 카드/패널 */
  --surface-2:#F0ECE3;   /* 보조 면(웜 라이트) */
  /* 글자(고대비, 살짝 웜) */
  --text:#1A1712;
  --text-2:#4C463D;
  --text-3:#7A7468;
  --text-faint:#A39C8F;
  /* 선 */
  --border:#E8E3D8;
  /* 포인트(골드) */
  --accent:#BE8B2E;
  --accent-d:#946E1B;
  --accent-soft:rgba(190,139,46,.12);
  /* 글꼴 */
  --font-sans:"Pretendard Variable",Pretendard,system-ui,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  /* 글자 크기(타이포 스케일) — 여기서 전 페이지 제목·본문·참고 크기를 한 번에 제어 */
  --fs-title:clamp(28px,5vw,42px);   /* 페이지 제목 */
  --fs-body:17px;                    /* 본문 */
  --fs-sub:16px;                     /* 보조/리드 */
  --fs-note:15px;                    /* 참고·힌트·노트 */
  /* 줄간격 */
  --lh-body:1.65;                    /* 본문 줄간격 */
  --lh-heading:1.1;                  /* 제목 줄간격 */
}
/* 본문 기준 크기(페이지가 따로 지정 안 하면 이 값 적용) */
body{font-size:var(--fs-body,17px);line-height:var(--lh-body,1.65)}

/* 가로 넘침 차단(편집버튼 등 fixed 요소 이탈 방지) — sticky 헤더 안전 */
img,table,pre,textarea,iframe{max-width:100%}
.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}