/* ============================================================
   styles-type.css — 타이포그래피 가이드 적용
   - 본문: Pretendard (Variable)
   - 디스플레이/네비/카드 제목: Paperlogy (없을 시 Noto Sans KR)
   - 한국어 밀도 위해 제목 letter-spacing ≈ -0.04em
   ============================================================ */

/* Paperlogy — 공개 CDN(webfontworld via jsDelivr) */
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500; font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff2') format('woff2');
  font-weight: 600; font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700; font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800; font-display: swap;
}

/* Noto Sans KR — Paperlogy 미로드 시 안전망 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');

:root {
  --font-body: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: 'Paperlogy', 'Noto Sans KR', 'Pretendard Variable', Pretendard, sans-serif;
  --tracking-display: -0.04em;     /* 한국어 밀도용 */
  --tracking-display-tight: -0.045em;
}

/* === 본문: Pretendard === */
body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

/* === 제목/디스플레이: Paperlogy === */
h1, h2, h3, h4, h5, h6,
.sec-h__title,
.hero__title, .hero__h1, .hero h1,
.board__heading,
.sub__title,
.donate__title,
.gallery__title,
.visit__title,
.mega__title h3,
.bucard__title,
.slot__title,
.ncard__title,
.subtag__lab,
.vtile__t,
.brand__mark,
.gnb__item,
.mega__col a,
.util__btn, .util__quick,
.wt-btn,
.themebtn,
.gnb__btn {
  font-family: var(--font-display);
  letter-spacing: var(--tracking-display);
}

/* === 영역별 사이즈/굵기/행간 ===================================== */

/* 1) 페이지 대제목 (Hero 등) */
.hero__title, .hero__h1, .hero h1,
.sub__title, .donate__title {
  font-weight: 600;
  letter-spacing: var(--tracking-display-tight);
  line-height: 1.12;
}

/* 2) 섹션 타이틀 */
.sec-h__title,
.board__heading,
.gallery__title,
.visit__title {
  font-weight: 600;
  letter-spacing: var(--tracking-display);
  line-height: 1.18;
}

/* 3) 섹션 보조 설명 — Pretendard 본문 */
.sec-h__sub {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.012em;
}

/* 4) 카드 제목 — 굵게(700) */
.bucard__title,
.slot__title,
.ncard__title,
.visit__card h3,
.subtag__lab {
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  line-height: 1.3;
}

/* 5) 카드 본문/설명 — Pretendard */
.bucard__list, .bucard__list li,
.bucard__tag,
.ncard__excerpt,
.slot__sub,
.slot__tag,
.visit__card ul, .visit__card li, .visit__card p,
.subtag__sub,
.vtile__b,
.board__tv-meta {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: -0.012em;
  line-height: 1.55;
}

/* 6) GNB 메인 메뉴 */
.gnb__item {
  font-weight: 600;
  letter-spacing: var(--tracking-display);
  line-height: 1.25;
}

/* 7) 상단 유틸 바 */
.util__btn, .util__quick, .util__lang, .util__login {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* 8) 메가 드롭다운 — 라벨은 디스플레이, 본문은 Pretendard 유지 */
.mega__col a {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.mega__h {
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* 9) 강조 라벨/태그 — Paperlogy 가독성 위해 weight 600 */
.subtag__new, .ncard__tag, .slot__tag,
.sec-h__eyebrow {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0;
}

/* 10) 브랜드 로고 텍스트 */
.brand__mark { font-weight: 700; letter-spacing: var(--tracking-display-tight); }
.brand__sub { font-family: var(--font-body); font-weight: 500; letter-spacing: -0.015em; }

/* 11) 버튼 — 디스플레이 폰트, weight 600 */
.wt-btn, .gnb__btn {
  font-weight: 600;
  letter-spacing: var(--tracking-display);
}

/* 12) Hero 우측 vtile 보조 타일 — 제목은 디스플레이 700 */
.vtile__t { font-weight: 700; letter-spacing: var(--tracking-display); }

/* 13) 캡션·푸터·작은 안내 */
.searchbar__hint,
.foot, .foot *, .foot__copy,
figcaption, .caption {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.6;
}

/* 14) 단순/간결한 표시 — 숫자 동일폭 */
.bucard__stat, .board__tv-dur, .vtile__num {
  font-family: var(--font-body);
  font-feature-settings: 'tnum' 1, 'ss01' 1;
  font-weight: 700;
  letter-spacing: -0.01em;
}