/* 디자인 토큰 — .doc/design/domain-design.md (Vercel 스타일 번안)
   색은 여기서만 정의한다. 컴포넌트 CSS 에 hex 직접 쓰지 않는다. */

@font-face {
  font-family: 'Geist';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/GeistVariable.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Geist Mono';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/GeistMonoVariable.woff2') format('woff2-variations');
}

:root {
  /* 바탕 */
  --canvas:          #ffffff;
  --canvas-soft:     #fafafa;
  --canvas-soft-2:   #f5f5f5;
  --hairline:        #ebebeb;
  --hairline-strong: #a1a1a1;

  /* 글자 */
  --ink:  #171717;
  --body: #4d4d4d;
  --mute: #888888;
  --on-ink: #ffffff;

  /* 상태 */
  --link:          #0070f3;
  --link-deep:     #0761d1;
  --link-bg-soft:  #d3e5ff;
  --warning:       #f5a623;
  --warning-soft:  #ffefcf;
  --warning-deep:  #ab570a;
  --error:         #ee0000;
  --error-soft:    #f7d4d6;
  --error-deep:    #c50000;

  /* 폰트 */
  --font-sans: 'Geist', 'Pretendard Variable', Pretendard, 'Malgun Gothic', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, Consolas, 'Pretendard Variable', Pretendard, 'Malgun Gothic', monospace;

  /* 간격 — 4px 배수 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;

  /* 모양 */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-full: 9999px;

  /* 그림자 — 겹친 미세 그림자 + 인셋 헤어라인 (단일 드롭섀도 금지) */
  --ring: 0 0 0 1px rgba(0, 0, 0, .08) inset;
  --shadow-1: 0 1px 1px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .04);
  --shadow-2: 0 2px 2px rgba(0, 0, 0, .04), 0 8px 8px -8px rgba(0, 0, 0, .04);
}