/* ================= Root ================= */
/* 전역 변수,폰트,리셋 */
/* web fonts */
@font-face {
  font-family: 'UhBeeSeulvely';
  src: url('/fonts/UhBee_Seulvely-ko-subset.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root{
  /* ✅ A안 기본톤: 페이지는 웜 아이보리 / UI(헤더)는 흰색 / 포인트만 브라운 */
  --bg-page:#fbf7ef;
  --bg-section:#f5efe4;

  /* 기존 호환 변수 */
  --bg: var(--bg-page);
  --text:#2f2a25;
  --muted:#6f6257;
  --line:#e3dbcf;
  --panel:#ffffff;
  --shadow: 0 10px 30px rgba(107,74,45,.10);

  /* Brand (Brown) */
  --color-primary:#6b4a2d;
  --color-primary-soft:#8a6a4f;
  --color-primary-light:#e6d7c7;
  --radius: 18px;

  /* ✅ Typography System */
  --font-body: system-ui, -apple-system, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-title: "UhBeeSeulvely", var(--font-body);

  /* 화면 폭 */
  --max: 1280px;
}

/* 대형 모니터 */
@media (min-width: 1400px){
  :root{ --max: 1360px; }
}

*{ box-sizing:border-box; }
/* iOS/안드 계열에서 폰트 자동 확대 때문에 깨지는 경우   */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }

html, body{ height:100%; }

body{
  margin:0;
  font-family: var(--font-body);
  color:var(--text);
  background:var(--bg);
  font-size:15px;
  line-height:1.45;
}

a{ color:inherit; text-decoration:none; }

/* 이미지 기본 충돌 방지 */
img{ max-width:100%; height:auto; display:block; }