@charset "utf-8";

/* 프로젝트 전용 폰트 (Tailwind/Preline에 없음) */
@font-face {
  font-family: "Pretendard";
  font-display: block;
  src: local("Pretendard"), url("/font/PretendardVariable.woff2") format("woff2");
}

@font-face {
  font-family: "YeogiOttaeJalnan";
  src: url("/font/JalnanOTF00.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  font-display: block;
  src: local("Pretendard"), url("/font/NotoSansSC-VariableFont_wght.ttf") format("ttf");
}

@font-face {
  font-family: "Noto Sans JP";
  font-display: block;
  src: local("Pretendard"), url("/font/NotoSansJP-VariableFont_wght.ttf") format("ttf");
}

/* Tailwind CDN과 함께 쓸 필수 설정 */
html,
body {
  scrollbar-gutter: stable;
}

body {
  font-family: "Pretendard", "Noto Sans SC", "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: auto;
  -webkit-tap-highlight-color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* 메인 스와이퍼: 화살표·페이지네이션에 프로젝트 메인색 적용 (--color-primary) */
.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
  color: var(--color-primary);
}
.main-swiper .swiper-button-next:after,
.main-swiper .swiper-button-prev:after {
  font-weight: bold;
}
.main-swiper .swiper-pagination-bullet {
  background: var(--color-primary);
  opacity: 0.4;
}
.main-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-primary);
}