/* 오더잇다 공통 디자인 — 브랜드 가이드 v3 (2026-08-17 버건디 전환) */
:root{
  /* 오더잇다 브랜드색 = 버건디. 옛 틸 그린은 2026-08-17 전면 폐기 */
  --brand:#B81B3E;
  --brand-deep:#8F122E;
  --brand-soft:#FFF0F3;
  --ink:#241B12;
  --gray:#9A8B7A;
  --gray-2:#6B5744;
  --cream:#FBF8F3;
  --fill:#F7F3ED;
  --line:#E7E1DA;
  --r-card:20px;
  --r-btn:13px;
  --r-pill:999px;
  /* 옛 이름 호환 — 새로 쓰지 않는다 */
  --teal-deep:var(--brand); --teal:var(--brand); --mint-mid:var(--brand); --mint:var(--brand-soft);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:Pretendard,-apple-system,'Malgun Gothic',sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}

/* 로고 */
.logo{font-size:20px;font-weight:700;letter-spacing:-.8px}
.logo .it{color:var(--brand)}
.logo-mark{display:inline-block;vertical-align:-4px;margin-right:7px}

/* 버튼 */
.btn{display:inline-block;border:none;border-radius:var(--r-btn);padding:14px 26px;
  font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center}
.btn-teal{background:var(--brand);color:#fff}
.btn-mint{background:var(--brand-soft);color:var(--brand-deep)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{background:var(--fill);color:var(--ink)}
.btn-sm{padding:10px 18px;font-size:14px}
.btn:disabled{background:#E5E7EB;color:#9CA3AF}

/* 면·카드 — 테두리 대신 채움 */
.card{background:var(--fill);border-radius:var(--r-card);padding:20px}
.card-white{background:#fff;border-radius:var(--r-card);padding:20px}

/* 섹션 라벨 (작은 회색) */
.label{font-size:13px;color:var(--gray);font-weight:600;margin-bottom:10px}

/* 강조 배너 */
.banner{background:var(--brand);color:#fff;border-radius:var(--r-card);
  padding:16px 20px;font-weight:700}

/* 입력 */
input,textarea,select{
  width:100%;background:var(--fill);border:none;border-radius:var(--r-btn);
  padding:14px;font-size:15px;font-family:inherit;color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--gray)}
input:focus,textarea:focus{outline:2px solid var(--brand)}

/* pill 태그 */
.pill{display:inline-block;background:var(--fill);border-radius:var(--r-pill);
  padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.pill.on{background:var(--ink);color:#fff}

/* 구분선 */
.hr{height:1px;background:var(--line);margin:20px 0}
.divide>*+*{border-top:1px solid var(--line)}