/* CSS 색상 및 타이포그래피 변수 */

:root {
  /* 라이트 모드 */
  --bg: #ffffff;
  --fg: #1f1f1f;
  --muted: #6b6b6b;
  --border: #e8e8e8;
  --accent: #2d6cdf;
  --card: #fafafa;

  /* 타이포그래피 */
  --font-sans: system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Pretendard", "Noto Sans KR", sans-serif;
  --font-serif: "Nanum Myeongjo", Georgia, serif;

  /* 스페이싱 */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* 보더 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}

:root[data-theme="dark"] {
  /* 다크 모드 */
  --bg: #1a1a1a;
  --fg: #ececec;
  --muted: #9a9a9a;
  --border: #2a2a2a;
  --accent: #6ea8ff;
  --card: #222222;
}