<!-- Display 스타일 -->
<div class="display1">대형 제목</div>
<div class="display4">중형 제목</div>
<div class="display7">소형 제목</div>

<!-- Paragraph 스타일 -->
<p class="p1">큰 본문 텍스트</p>
<p class="p3">일반 본문 텍스트</p>
<p class="p3-semibold">강조된 본문 텍스트</p>
<p class="p5">작은 본문 텍스트</p>

@use 'podo-ui/mixin' as *;

.title {
  @include display3;
  margin-bottom: s(5);
}

.subtitle {
  @include display6;
  color: color(default-deep);
}

.body {
  @include p3;
  line-height: 1.8;
}

.caption {
  @include p5;
  color: color(default);
}

:root {
  --base-font-family: 'Pretendard', sans-serif;
}

/* 커스텀 폰트 사용 */
:root {
  --base-font-family: 'Your Custom Font', -apple-system, sans-serif;
}