/* =========================================================
   BORAKWAN 공통 스타일 (index.html / review.html 공용)
   - 색상 토큰, 폰트, 전체 폭(.wrap)을 여기서 한 곳에 관리합니다.
   - 페이지별 고유 UI(캘린더, 리스트 등)는 각 파일의 <style>에 그대로 둡니다.
   ========================================================= */
:root{
  --bg:#f6f5f1;
  --ink:#22221f;
  --sub:#6b6a63;
  --line:#e1dfd6;
  --card:#ffffff;
  --accent:#3a5a52;

  --wait-bg:#fdf3d9;   --wait-ink:#8a6d16;
  --conf-bg:#d4f4dd;   --conf-ink:#2d7a3e;
  --done-bg:#e5e5e5;   --done-ink:#6b6a63;
  --end-bg:#e5e5e5;    --end-ink:#6b6a63;

  /* 부부 일정 전용 색상 (사람별 구분, index.html에서만 사용) */
  --owner-gwan-bg:#fef3c7;    --owner-gwan-ink:#f59e0b;
  --owner-bora-bg:#ede9fe;    --owner-bora-ink:#8b5cf6;
  --owner-common-bg:#d1fae5;  --owner-common-ink:#10b981;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  padding:32px 24px 80px;
}
.wrap{ max-width:1600px; width:95%; margin:0 auto; }

@media (max-width:820px){
  body{ padding:16px 10px 40px; overflow-x:hidden; }
  .wrap{ max-width:100%; width:100%; overflow-x:hidden; }
}