/* /src/styles/typography.css */

/* 1-3. 타이포그래피 (Pretendard 로드) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

* {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 글로벌 타이포그래피 스케일 적용 */
.text-h1 {
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.2;
}

.text-h2 {
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 500;
  line-height: 1.3;
}

.text-h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.text-body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
}

.text-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  font-style: italic;
}

/* 버튼 및 부가 기능 텍스트 유틸리티 */
.text-btn-primary {
  font-size: 15px;
  font-weight: 500;
}

.text-btn-secondary {
  font-size: 14px;
  font-weight: 500;
}

.text-btn-social {
  font-size: 14px;
  font-weight: 500;
}

.text-link-guest {
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}

.text-floating-price {
  font-size: 16px;
  font-weight: 500;
}

.text-floating-product {
  font-size: 12px;
  font-weight: 400;
}