/* ========================================
   base.css - 기본 스타일 (폰트, 리셋, CSS 변수)
   ======================================== */

/* --- 폰트 Import --- */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* --- Paperlogy 폰트 (200~800) --- */
@font-face {
  font-family: "Paperlogy";
  font-weight: 200;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 300;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 400;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 500;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 600;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 700;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy";
  font-weight: 800;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2");
}

/* --- GmarketSans 폰트 (300, 400, 700) --- */
@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
}

/* --- SunBatang 폰트 (300, 500) --- */
@font-face {
  font-family: "SunBatang";
  font-weight: 300;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff") format("woff");
}
@font-face {
  font-family: "SunBatang";
  font-weight: 500;
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Medium.woff") format("woff");
}

/* --- CSS 변수 --- */
:root {
  --color-primary: #00a779;
  --color-primary-light: #00dda0;
  --color-accent: #ff572e;
  --color-accent-light: #ff704c;
  --color-danger: #d50000;
  --color-dark: #363636;
  --color-gray-bg: #f4f5f8;
  --color-yellow-bg: #fffbed;

  --font-pretendard: "Pretendard Variable", "Pretendard", sans-serif;
  --font-paperlogy: "Paperlogy", sans-serif;
  --font-sunbatang: "SunBatang", serif;
  --font-gmarket: "GmarketSans", sans-serif;
}

/* --- 리셋 / 기본 스타일 --- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-pretendard);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #000;
  background: #fff;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* --- 레이아웃 래퍼 --- */
.app-wrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

.app-inner {
  width: 100%;
  max-width: 2410px;
  overflow-x: clip;
}

/* --- 반응형 줄바꿈 유틸리티 --- */
br.mobile {
  display: none;
}

@media (max-width: 767px) {
  br.mobile {
    display: block;
  }
}