/* ===== Fonts ===== */
/* Pretendard (no Google Fonts — jsDelivr CDN) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* Poppins, Inter — Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --font-pretendard: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, "Malgun Gothic", sans-serif;
  --font-poppins: "Poppins", var(--font-pretendard);
  --font-inter: "Inter", var(--font-pretendard);
}

html {
  /* base for rem → px (Figma 1px == 1/16rem)
     데스크탑 디자인 기준폭 1920px: 폭이 줄면 rem(=대부분의 크기/높이)도 같은 비율로 축소
     → 섹션 가로:세로 비율 유지. 1920px 이상에서는 16px로 고정. */
  font-size: min(100%, calc(100vw / 120));
}

/* 모바일 디자인 기준폭 390px: 390px 이하에서 같은 비율로 축소, 그 이상은 16px 고정 */
@media (max-width: 1024px) {
  html {
    font-size: min(100%, calc(100vw / 24.375));
  }
}

html, body {
  /* 모바일에서 의도치 않은 가로 스크롤 방지 */
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: var(--font-pretendard);
  color: #141b2c;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}