/* ============================================================
   디자인 토큰 — 색상, 타이포그래피, 간격, 반경
   여기만 수정하면 전체 페이지에 반영됩니다.
   ============================================================ */

@font-face { font-family: "Pretendard"; font-weight: 400; src: url("../assets/fonts/Pretendard-Regular.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Pretendard"; font-weight: 500; src: url("../assets/fonts/Pretendard-Medium.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Pretendard"; font-weight: 600; src: url("../assets/fonts/Pretendard-SemiBold.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Pretendard"; font-weight: 700; src: url("../assets/fonts/Pretendard-Bold.otf") format("opentype"); font-display: swap; }

:root {
  /* 브랜드 색상 */
  --color-primary:       #3ecf8e;   /* 에메랄드 그린 — CTA, 강조 */
  --color-primary-deep:  #24b47e;   /* hover/active 상태 */

  /* 배경 */
  --color-bg:            #ffffff;
  --color-bg-soft:       #fafafa;
  --color-bg-dark:       #1c1c1c;
  --color-bg-darker:     #111111;

  /* 경계선 */
  --color-border:        #ebebeb;
  --color-border-soft:   #dfdfdf;

  /* 텍스트 */
  --color-text:          #171717;
  --color-text-mute:     #707070;
  --color-text-faint:    #9a9a9a;
  --color-text-on-dark:  #ffffff;

  /* 폰트 */
  --font-body: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;

  /* 섹션 패딩 */
  --section-py: 100px;
  --container:  1200px;

  /* 반경 */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  16px;
}