/* ─────────────────────────────────────────
   Wildfish — typography.css  (사이트 전체 서체 규칙 · 가장 마지막에 로드)
   기준: 현재 운영 사이트(wildfish.co.kr) 포트폴리오 페이지

   대제목   Montserrat 700 · 자간 -0.03em
   서브제목 Pretendard 700 · 자간 -0.03em · 행간 1.36em
   설명     Pretendard 300 · 자간 -0.03em · 행간 1.76em

   글자 크기는 각 화면 레이아웃(풀페이지 비율)에 맞춘 값을 그대로 둡니다.
   서체를 바꾸려면 아래 변수만 수정하면 전체에 반영됩니다.
───────────────────────────────────────── */
:root {
  --wf-font-title: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
  --wf-font-body:  'Pretendard Variable', Pretendard, 'PretendardVariable', Helvetica, Arial, Lucida, sans-serif;
  --wf-title-weight: 700;
  --wf-sub-weight: 700;
  --wf-desc-weight: 300;
  --wf-tracking: -0.03em;
  --wf-sub-leading: 1.36em;
  --wf-desc-leading: 1.76em;
}

/* 포트폴리오 상세 · About 에서 쓰는 서체 변수도 같은 값으로 */
.wf-project, .wf-abt {
  --pp-font-display: var(--wf-font-title);
  --pp-font-text: var(--wf-font-body);
}

/* ═════ 대제목 ═════ */
.pp-title1, .pp-title2,
.ab-t1, .ab-t2, .ab-h1, .ab-h2,
.pp-textblock--hero .pp-heading,
.hero-caption-title {
  font-family: var(--wf-font-title);
  font-weight: var(--wf-title-weight);
  letter-spacing: var(--wf-tracking);
}

/* ═════ 서브제목 ═════ */
.pp-heading,
.ab-h,
.ab-tl-body strong,
.ft-nav a, .ft-strong,
.wg-item-title {
  font-family: var(--wf-font-body);
  font-weight: var(--wf-sub-weight);
  letter-spacing: var(--wf-tracking);
  line-height: var(--wf-sub-leading);
}
.pp-textblock--hero .pp-heading { line-height: 1.02; }   /* 목업 페이지 큰 제목은 대제목 규칙 */

/* ═════ 설명 ═════ */
.pp-body, .pp-subtitle, .pp-caption, .pp-meta, .pp-tools, .pp-tools-text,
.ab-lines, .ab-list li, .ab-note, .ab-tl-body span, .ab-tl-dates, .ab-legend,
.ft-row, .ft-copy,
.hero-caption-body,
.wg-item-meta, .wg-menu-link {
  font-family: var(--wf-font-body);
  font-weight: var(--wf-desc-weight);
  letter-spacing: var(--wf-tracking);
}
.pp-body, .pp-subtitle, .ab-lines, .ab-note, .ab-tl-body span, .ft-row, .hero-caption-body, .wg-item-meta {
  line-height: var(--wf-desc-leading);
}

/* 대문자 짧은 라벨은 굵기를 한 단계 올려 가독성 확보 */
.wg-item-meta, .wg-menu-link, .pp-meta, .pp-tools-label { font-weight: 400; }