/* =====================================================================
   admin1004.com 공통 뼈대 (2026-09-20)
   - 폰트 하나(Pretendard), 바탕색 두 가지(어두운/밝은), 공통 알약·작은제목 스타일.
   - 각 사이트 <head> 맨 끝에서 불러오고 <body data-theme="light|dark"> 로 톤을 정한다.
   - 사이트 고유 포인트색(베이글 크림, 여행 틸 등)은 건드리지 않는다. 바탕·글자·폰트만 맞춘다.
   ===================================================================== */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.css");

:root {
  --hb-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
  --hb-violet: #6C5CE7; --hb-blue: #4F8CFF; --hb-teal: #2FBFA5; --hb-lime: #C5D93A;
  --hb-amber: #F5A524; --hb-coral: #EB574D; --hb-pink: #F783B0; --hb-gold: #F5B700;
  --hb-radius: 16px;
}
body[data-theme="dark"] {
  --hb-bg: #0e0e11; --hb-surface: #17171c; --hb-surface-2: #1f1f25; --hb-line: #26262d;
  --hb-text: #f3f1ea; --hb-text-sub: #9a9aa5;
}
body[data-theme="light"] {
  --hb-bg: #f6f4ef; --hb-surface: #ffffff; --hb-surface-2: #efece4; --hb-line: #e2dfd7;
  --hb-text: #1c1b1f; --hb-text-sub: #6f6d66;
}

/* 폰트: 코드·고정폭 입력칸만 빼고 전부 통일 */
body[data-theme], body[data-theme] *:not(code):not(pre):not(kbd):not(samp):not(textarea):not(.mono) {
  font-family: var(--hb-font) !important;
}
/* 바탕과 기본 글자색 */
body[data-theme] { background: var(--hb-bg) !important; color: var(--hb-text); }

/* 작은 제목(눈썹) — 사이트마다 이름이 달랐던 것을 한 스타일로 */
body[data-theme] .eyebrow, body[data-theme] .header-kicker, body[data-theme] .kicker,
body[data-theme] .widget-panel-title, body[data-theme] .section-eyebrow {
  font-size: 11px !important; font-weight: 800 !important; letter-spacing: .14em !important;
  text-transform: uppercase; line-height: 1.2;
}

/* 왼쪽 위 '돌아가기' 알약 (hub-nav.css 와 같은 것 — 여기로 합침) */
.hub-home {
  position: fixed; top: 10px; left: 10px; z-index: 99999; display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px 7px 10px; border-radius: 999px; background: rgba(18, 18, 22, .74); color: #fff;
  font: 600 13px/1 var(--hb-font); text-decoration: none;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 1px 4px rgba(0, 0, 0, .28); opacity: .92;
}
.hub-home:hover { opacity: 1; }
.hub-home .arrow { font-size: 14px; line-height: 1; }
@media print { .hub-home { display: none; } }