/* AppleSDGothicNeo 애플 산돌고딕 Neo 폰트 */
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Light.woff2")
    format("woff2");
}
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Regular.woff2")
    format("woff2");
}
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.ttf")
      format("truetype");
}
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-SemiBold.woff2")
    format("woff2");
}
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Bold.woff2")
    format("woff2");
}
@font-face {
  font-family: "AppleSDGothicNeo";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.woff2")
    format("woff2");
}

/* Pretendard 폰트 */
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-400-normal.woff2)
    format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-500-normal.woff2)
    format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-600-normal.woff2)
    format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-700-normal.woff2)
    format("woff2");
}

:root {
  /* Purple Primary Colors */
  --color-purple-primary-default: #764bea;

  /* Primary Colors */
  --color-primary-default: #3f80ea;
  --color-primary-dark: #215ab8;

  /* Text Colors */
  --color-text-01: #1b1d21;
  --color-text-sub: #818181;
  --color-text-light: #cfcfcf;
  --color-text-light-03: #808191;
  --color-text-input: #8e8e8e;
  --color-text-input-placeholder: #b5b5bd;
  --color-text-gray-purple: #626280;
  --color-text-disable: #b3b3b3;

  /* Default Colors */
  --color-default-bg: #101010;
  --color-default-white: #ffffff;

  /* Btn Colors */
  --color-btn: #626280;

  /* Icon Colors */
  --color-icon-dark: #595959;
  --color-icon-light: #b0b0b2;

  /* Border Colors */
  --color-border-default: #e4e4e4;
  --color-border-100: #e7e7e7;
  --color-border-200: #dad9d9;
  --color-border-linestrock: #e3e6ec;

  /* Background Colors */
  --color-bg-full: #f7f9fe;
  --color-bg-able: #f4f4f4;
  --color-bg-04: #fafafa;
  --color-bg-disable: #d3d3d3;
  --color-bg-skyblue: #edf9ff;
  --color-bg-purple-100: #f8f7fd;
  --color-bg-purple-200: #f1eeff;
  --color-bg-yellow: #ffc52e;

  /* m 500
    sb 600
     b 700
    eb 800
  */

  /* Typography - Head */
  /* font: font-weight] [font-size]/[line-height] [font-family]; */
  --font-head-01: 600 24px/32px AppleSDGothicNeo;
  --letter-spacing-head-01: -0.24px;
  --font-head-01-bold: 700 26px/36px AppleSDGothicNeo;
  --letter-spacing-head-01-bold: -0.26px;

  --font-head-02: 700 32px/40px AppleSDGothicNeo;
  --letter-spacing-head-02: -0.32px;

  --font-head-05: 700 32px/42px AppleSDGothicNeo;
  --letter-spacing-head-05: -0.32px;

  --font-head-06: 800 45px/60px AppleSDGothicNeo;
  --letter-spacing-head-06: -0.45px;

  --font-head-07: 700 30px/40px AppleSDGothicNeo;
  --letter-spacing-head-07: -0.3px;

  /* Typography - Body */
  --font-body-01: 500 20px/24px AppleSDGothicNeo;
  --font-body-01-bold: 600 20px/24px AppleSDGothicNeo;
  --letter-spacing-body-01: -0.2px;

  --font-body-02: 500 16px/24px AppleSDGothicNeo;
  --font-body-02-bold: 700 16px/24px AppleSDGothicNeo;
  --letter-spacing-body-02: -0.16px;

  --font-body-03: 500 18px/24px AppleSDGothicNeo;
  --font-body-03-bold: 700 18px/24px AppleSDGothicNeo;
  --letter-spacing-body-03: -0.18px;

  --font-body-04: 500 14px/24px AppleSDGothicNeo;
  --font-body-04-bold: 700 14px/24px AppleSDGothicNeo;
  --letter-spacing-body-04: -0.14px;
  --letter-spacing-body-normal-04: -0.5px; /* figma: Body/Normal-04-14 */

  --font-body-05: 500 12px/16px AppleSDGothicNeo;
  --letter-spacing-body-05: -0.12px;

  --font-body-06: 500 13px/20px AppleSDGothicNeo;
  --letter-spacing-body-06: -0.13px;

  /* Typography - Table */
  --font-table-head-02: 400 13px/13px Pretendard;

  /* Typography - Input */
  --font-input-base-03: 500 14px/14px Pretendard;

  /* Typography - Content */
  --font-content-02: 400 20px/30px Pretendard;
  --letter-spacing-content-02: -0.2px;
}

/* 기본 스타일 설정 */
body {
  font-family: "AppleSDGothicNeo", "Pretendard";
  color: var(--color-default-bg);
  background-color: var(--color-default-white);
}