/* GNBS — Design Tokens
   모든 디자인 수치의 단일 소스
   이 파일 외에 하드코딩된 수치를 사용하지 않는다
*/

:root {
  /* ── 색상 원시값 ────────────────────────── */
  --c-black:        black;
  --c-almost-black: #030306;
  --c-white:        white;
  --c-whitesmoke:   #f5f5f5;
  --c-grey:         #9c9c9c;
  --c-dark-grey:    #5d5d5d;
  --c-light-grey:   #d1d1d1;

  /* ── 색상 시맨틱 ────────────────────────── */
  --bg:       var(--c-white);
  --bg-alt:   var(--c-whitesmoke);
  --bg-inv:   var(--c-almost-black);
  --text:     var(--c-almost-black);
  --text-sub: var(--c-dark-grey);
  --text-inv: var(--c-white);
  --border:   var(--c-light-grey);
  --accent:   var(--c-almost-black);

  /* ── 타이포그래피 ───────────────────────── */
  --font-sans: 'Pretendard', -apple-system, sans-serif;

  /* 타입 스케일 — fluid vw */
  --t-xxl:  10vw;
  --t-xl:    7vw;
  --t-l:     4vw;
  --t-hero:  6.23vw;   /* = --t-h0 alias */
  --t-h0:    6.23vw;
  --t-h1:    4.68vw;
  --t-h2:    2.63vw;
  --t-h3:    1.98vw;
  --t-h4:    1.48vw;
  --t-h5:    1.11vw;
  --t-h6:    0.83vw;
  --t-base:  1.11vw;
  --t-sm:    1vw;
  --t-xs:    0.85vw;

  /* 라인헤이트 */
  --lh-hero:   0.92;
  --lh-tight:  1.05;
  --lh-normal: 1.5;
  --lh-body:   1.78;

  /* ── 스페이싱 ───────────────────────────── */
  --sp-2xs: 0.5vw;
  --sp-xs:    1vw;
  --sp-sm:    2vw;
  --sp-md:  3.1vw;
  --sp-lg:    4vw;
  --sp-xl:  6.2vw;
  --sp-2xl:   8vw;
  --sp-3xl:  10vw;

  /* 레이아웃 */
  --sec-v: 5vw;
  --sec-h: 2vw;
  --gnb-h: 3.6vw;

  /* ── 반경 ───────────────────────────────── */
  --r-sm:   0.5vw;
  --r-md:   1vw;
  --r-lg:   1.5vw;
  --r-xl:   2vw;
  --r-full: 200vw;

  /* ── 트랜지션 ───────────────────────────── */
  --ease:          cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-mid:  300ms;
  --duration-slow: 600ms;

  /* ── 히어로 애니메이션 ─────────────────── */
  --hero-progress: 0;
}