/* ==========================================================
   bolda Design Tokens  (The Mist 스타일 기반)
   - 모든 페이지가 이 파일을 공통으로 불러옵니다.
   - 색·서체·간격·모서리 값은 여기서만 바꿉니다.
   - 색상 코드는 참고 화면에서 추정한 값입니다. 원본 CSS 확인 시 교체하세요.
   ========================================================== */

/* 글꼴은 자체 호스팅 (2026-10-22 대표님 승인). 외부 서버 연결·렌더 차단 없음.
   - Poppins: Google Fonts 공식 파일, 영문(latin) 범위만, 굵기 4개 (fonts/, OFL)
   - Pretendard: 사이트의 design/fonts 원본을 사용 (배포 시 쓰는 글자만 남겨 줄임)
     kit 원본 폴더에는 파일이 없어 참고 화면에서는 기기 글꼴로 대체됨 */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/poppins-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Pretendard Variable"; font-style: normal; font-weight: 45 920; font-display: swap; src: url("../fonts/PretendardVariable.woff2") format("woff2"); }

:root {
  /* ---------- Color : Brand ---------- */
  --color-gold:        #C5A063;   /* 포인트. 버튼, 강조 단어, 아이콘 */
  --color-gold-dark:   #A9844A;   /* 골드 hover */
  --color-gold-soft:   #F4ECDF;   /* 골드 연한 배경(태그 등) */

  /* ---------- Color : Neutral ---------- */
  --color-ink:         #111111;   /* 제목, 진한 텍스트 */
  --color-text:        #3D3D3D;   /* 본문 */
  --color-muted:       #6E6E6E;   /* 보조 텍스트 (최소 이 진하기 유지) */
  --color-line:        #E3E3E3;   /* 구분선, 카드 테두리 */
  --color-bg:          #F6F6F6;   /* 기본 페이지 배경 */
  --color-bg-alt:      #EEEEEE;   /* 교차 섹션 배경 */
  --color-surface:     #FFFFFF;   /* 카드 */
  --color-dark:        #141414;   /* 다크 섹션, 푸터 */
  --color-dark-surface:#1F1F1F;   /* 다크 위 카드 */
  --color-on-dark:     #FFFFFF;
  --color-on-dark-muted: rgba(255,255,255,.72);
  --overlay-hero:      linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.25) 100%);
  --overlay-band:      rgba(0,0,0,.55);

  /* ---------- Typography ---------- */
  /* 영문·숫자는 Poppins, 한글은 Pretendard로 자동 대체됩니다. */
  --font-display: "Poppins", "Pretendard Variable", Pretendard, -apple-system, sans-serif;
  --font-body:    "Pretendard Variable", Pretendard, "Poppins", -apple-system, sans-serif;

  --fs-hero:    clamp(2.5rem, 5.2vw, 4.25rem);  /* 히어로 제목 */
  --fs-h2:      clamp(1.875rem, 3.4vw, 3rem);   /* 섹션 제목 */
  --fs-h3:      clamp(1.375rem, 2vw, 1.75rem);  /* 카드·블록 제목 */
  --fs-h4:      1.125rem;
  --fs-lead:    1.1875rem;                      /* 섹션 도입 문장 */
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-badge:   0.75rem;
  --fs-stat:    clamp(2.25rem, 4vw, 3.25rem);   /* 큰 숫자 */

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --lh-tight:   1.2;
  --lh-heading: 1.3;
  --lh-body:    1.75;
  --ls-heading: -0.02em;
  --ls-badge:   0.04em;

  /* ---------- Spacing (4px 기준) ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px; --sp-30: 120px;

  --section-y:      clamp(80px, 10vw, 120px);   /* 섹션 위아래 여백 */
  --section-head-gap: 56px;                     /* 섹션 제목 ~ 콘텐츠 */

  /* ---------- Layout ---------- */
  --container:       1240px;   /* 모든 섹션 공통 폭. 좁은 폭도 이 안에서 정렬 */
  --container-narrow: 880px;
  --gutter:          clamp(16px, 4vw, 32px);
  --header-h:        96px;

  /* ---------- Radius ---------- */
  --r-sm:   10px;   /* 입력창 내부 요소 */
  --r-md:   16px;   /* 아이콘 박스 */
  --r-lg:   24px;   /* 카드, 이미지 */
  --r-image-lg: calc(var(--r-lg) * .6); /* 이미지 모서리: 기존보다 40% 축소 */
  --r-image-md: calc(var(--r-md) * .6);
  --r-xl:   32px;   /* 히어로 위 패널 */
  --r-pill: 999px;  /* 버튼, 배지, 입력창 */

  /* ---------- Shadow ---------- */
  --shadow-card:  0 10px 30px rgba(17,17,17,.06);
  --shadow-float: 0 20px 50px rgba(17,17,17,.14);

  /* ---------- Motion ---------- */
  --ease:  cubic-bezier(.2,.7,.2,1);
  --dur:   .25s;
}