/* ============================================================
   HwpxSnap 와이즈판 테마 (hwpxsnap.wise.acatools.app 에서만 로드)
   기준: acatools-docs 브랜드/wise/ (그린 #008C4E × 크림 페이퍼 #FBF7EE, 그린 모노톤)
   색 치환은 site_theme.py 가 하고, 이 파일은 치환으로 안 되는 부분만 맡는다:
   종이색 배경, 헤드라인 폰트, 상단 바 브랜드, 입력 포커스.
   ⚠️ 이 파일도 서버에서 색 치환을 거친다 — 순백·청현에듀 색을 적지 말 것.
   ============================================================ */
:root {
  --wise-primary: #008C4E;
  --wise-primary-hover: #007A43;
  --wise-deep: #0B4D31;
  --wise-green-soft: #E4F1E9;
  --wise-green-border: #C9E0D2;
  --wise-paper: #FBF7EE;
  --wise-surface: #FFFEFA;
  --wise-ink: #232019;
  --wise-muted: #8C8574;
  --wise-line: #E6E0D0;
  --wise-font-head: "Paperlogy", "Pretendard", sans-serif;
  --wise-font-body: "Pretendard", "Pretendard Variable", -apple-system, sans-serif;
  --wise-ring-focus: 0 0 0 3px var(--wise-green-soft);
}

/* 종이색 배경 — 순백 미사용. 편집 화면(bg-gray-100)은 작업면이라 웜 그레이를 유지한다. */
body.bg-gray-50,
body.bg-white,
body:not([class*="bg-"]) {
  background-color: var(--wise-paper);
}
body {
  font-family: var(--wise-font-body);
  color: var(--wise-ink);
  -webkit-font-smoothing: antialiased;
}

/* 헤드라인: Paperlogy (600 중심, 700까지) */
h1, h2, h3 {
  font-family: var(--wise-font-head);
  letter-spacing: -0.01em;
}
h1 { letter-spacing: -0.02em; }

/* 상단 바 브랜드 — 허브(wise.acatools.app)와 같은 표기 */
.hs-nav-brand-text,
.editor-brand-text {
  font-family: var(--wise-font-head);
  font-weight: 700;
  color: var(--wise-deep);
  letter-spacing: -0.01em;
}
.hs-nav-brand-sub {
  margin-left: 0.45em;
  font-family: var(--wise-font-body);
  font-size: 0.86em;
  font-weight: 500;
  color: var(--wise-muted);
}
@media (max-width: 520px) {
  .hs-nav-brand-sub { display: none; }
}

/* 입력 포커스: 그린 보더 + soft 링 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--wise-primary);
  box-shadow: var(--wise-ring-focus);
}

/* 체크박스·라디오·진행 막대 기본색 */
input[type="checkbox"],
input[type="radio"],
input[type="range"],
progress {
  accent-color: var(--wise-primary);
}

/* 그라데이션 금지(플랫 솔리드만) — 요금 페이지 프로모 배너의 사선 줄무늬 제거.
   편집기 로딩 스켈레톤의 반짝임은 장식이 아니라 로딩 표시라 둔다. */
.promo-banner::before { display: none; }

::selection {
  background: var(--wise-green-soft);
  color: var(--wise-deep);
}