/**
 * Modern CSS Reset
 * React GlobalStyle 기반
 */

/* 모든 요소 box-sizing: border-box */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* HTML: 폰트 크기 기준, 스크롤바 항상 표시 */
html {
  font-size: 16px;
  overflow-y: scroll; /* 스크롤바 레이아웃 시프트 방지 */
}

/* Body: 기본 여백 제거, 폰트 렌더링 최적화 */
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 링크: 기본 스타일 제거 */
a {
  text-decoration: none;
  color: inherit;
}

/* 버튼: 폰트 상속 */
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* Input 요소: 폰트 상속 */
input, textarea, select {
  font-family: inherit;
}

/* 리스트: 기본 스타일 제거 */
ul, ol {
  list-style: none;
}

/* 제목: 기본 여백 제거 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: inherit;
}

/* Paragraph: 기본 여백 제거 */
p {
  margin: 0;
}