@charset "utf-8";

/* ================= GmarketSans ================= */
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 300; /* Light */
  src: url("../fonts/GmarketSans/GmarketSansLight.otf") format("opentype");
}

@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 500; /* Medium */
  src:
    url("../fonts/GmarketSans/GmarketSansMedium.woff") format("woff"),
    url("../fonts/GmarketSans/GmarketSansMedium.otf") format("opentype");
}

@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 700; /* Bold */
  src: url("../fonts/GmarketSans/GmarketSansBold.otf") format("opentype");
}

/* ================= Pretendard ================= */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 100; /* Thin */
  src: url("../fonts/Pretendard/Pretendard-Thin.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 200; /* ExtraLight */
  src: url("../fonts/Pretendard/Pretendard-ExtraLight.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300; /* Light */
  src: url("../fonts/Pretendard/Pretendard-Light.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400; /* Regular */
  src: url("../fonts/Pretendard/Pretendard-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url("../fonts/Pretendard/Pretendard-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  src: url("../fonts/Pretendard/Pretendard-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700; /* Bold */
  src: url("../fonts/Pretendard/Pretendard-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 800; /* ExtraBold */
  src: url("../fonts/Pretendard/Pretendard-ExtraBold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 900; /* Black */
  src: url("../fonts/Pretendard/Pretendard-Black.otf") format("opentype");
}

/* 프로젝트에서 쓰기 편하게 변수 정의 */
:root {
  --font-body: "Pretendard", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-title: "GmarketSans", "Pretendard", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}