/* ── Pretendard ─────────────────────────────────────────────────────
   굵기 9종을 전부 선언해두되, CSS에서 실제로 쓰는 굵기만 브라우저가 내려받는다.
   (@font-face는 그 굵기가 화면에 실제로 그려질 때 처음 요청된다)

   woff2-subset 판을 쓴다. 한글 상용 2,780자만 담아서 종당 260KB 안팎이고,
   전체 판(종당 780KB)보다 3분의 1이다. 이 앱에 나오는 글자는 전부 이 범위 안에 있다.

   굵기 → 쓰는 곳
     100 Thin        미사용
     200 ExtraLight  미사용
     300 Light       미사용
     400 Regular     본문 기본
     500 Medium      미사용
     600 SemiBold    안내 문구, 라벨, 칩
     700 Bold        이름, 배지, 힌트
     800 ExtraBold   제목, 버튼, 궁합 점수
     900 Black       미사용

   font-display: swap - 폰트가 오기 전엔 대체 폰트로 먼저 보여준다. */

@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Thin.subset.woff2') format('woff2');
  font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-ExtraLight.subset.woff2') format('woff2');
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Light.subset.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Regular.subset.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Medium.subset.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-SemiBold.subset.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Bold.subset.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-ExtraBold.subset.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('assets/fonts/Pretendard-Black.subset.woff2') format('woff2');
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  /* 폰트를 갈아끼울 땐 이 한 줄만 고치면 세 화면에 다 반영된다 */
  --font-body: 'Pretendard', -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

/* 폼 요소는 font-family를 상속하지 않는다 (브라우저 기본이 Arial 같은 시스템 폰트).
   빼먹으면 버튼·입력창만 다른 폰트로 남는다. */
button, input, select, textarea {
  font-family: inherit;
}