/* ClickMe 소개 페이지 전역 스타일 — 원본 globals.css에서 정적 페이지에 필요한 부분만 이식 */

:root {
  --color-primary: #3182f6;
  --color-primary-hover: #1b6eeb;
  --color-bg: #f9fafb;
  --color-surface: #ffffff;
  --color-text-primary: #191f28;
  --color-text-secondary: #8b95a1;
  --color-text-tertiary: #b0b8c1;
  --color-border: #e5e8eb;
  --color-hover: #f2f4f6;
}

html.dark {
  --color-bg: #0f1117;
  --color-surface: #1c2333;
  --color-text-primary: #f2f4f6;
  --color-text-secondary: #6b7280;
  --color-text-tertiary: #4b5563;
  --color-border: #2d3748;
  --color-hover: #252d3d;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--color-bg);
  color: var(--color-text-primary);
}

/* 스크롤바 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-tertiary);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
}