/* =========================
   common.css (GLOBAL)
   ========================= */

:root{
  --bg0:#f4f6fb;
  --bg1:#ffffff;

  --text:#111827;
  --muted:rgba(0,0,0,.60);

  /* 테두리 선명하게(핵심) */
  --line:rgba(0,0,0,.18);
  --line-strong:rgba(0,0,0,.26);

  --shadow: 0 10px 25px rgba(0,0,0,.08);
  --r:18px;

  --a:#2563eb;
}

*{ box-sizing:border-box; }
html, body{ height:100%; }

body{
  margin:0;
  color:var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", Arial, sans-serif;
  background:#ffffff;
}

/* 레이아웃 공통 */
.page{
  max-width: 1500px;
  margin: 0 auto;
  padding: 20px 32px 60px;
}

/* 공통 텍스트 유틸 (여러 페이지에서 재사용 가능) */
.muted.small{
  margin:0;
  color: rgba(0,0,0,.55);
  font-size: 12px;
  line-height: 1.55;
}

/* (선택) Bootstrap 카드/보더 테두리 강화: 전 페이지 공통 적용 */
.card{
  --bs-card-border-width: 1px;
  --bs-card-border-color: #6b7280; /* 진한 회색 */
}
.border{
  border-color: #6b7280 !important;
}