@charset "utf-8";

/* reset.css
- box-sizing, 기본 여백 제거
- 텍스트/폼 요소 기본 상속
- 이미지/미디어 반응형 처리
- 접근성/읽기성 향상
*/

/* 1) 박스 모델 통일 */
*, *::before, *::after {
box-sizing: border-box;
}

/* 2) 기본 여백 및 높이 */
html, body {
height: 100%;
margin: 0;
padding: 0;
}


/* 제목 태그 초기화 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;    /* body 기본 글자 크기 상속 */
  font-weight: inherit;  /* 기본 굵기 상속 */
  line-height: 1.2;      /* 가독성을 위한 기본 라인 높이 */
}

/* 3) 기본 폰트/라인 높이 */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
background: #fff;
color: #000;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
}

/* 4) 문단/헤더 기본 여백 제거 (필요 시 컴포넌트 단위로 마진 추가) */
h1, h2, h3, h4, h5, h6, p {
margin: 0;
font-weight: inherit;
}

/* 5) 리스트, 링크 기본 */
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}

a {
color: inherit;
text-decoration: none;
background-color: transparent;
}

/* 6) 이미지, 비디오, SVG 반응형, 블록 처리 */
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
height: auto;
}

/* 7) 표 기본 스타일 제거 */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* 8) 폼 요소 폰트 상속 및 기본 스타일 초기화 */
input, button, textarea, select {
font: inherit;
color: inherit;
background: none;
border: none;
padding: 0;
margin: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/* 버튼은 필요한 경우 별도 스타일을 적용하도록 기본 커서만 지정 */
button {
cursor: pointer;
background-color: transparent;
border: none;
padding: 0;
margin: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/* 9) 필수 접근성: 숨김 처리 클래스 (스크린리더용) */
.sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

/* 10) 폼 토글/체크박스 기본 크로스브라우저 리셋 (필요 시 제거) */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}

/* 11) 줄바꿈 관련 기본 */
pre, code, kbd, samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Noto Mono", monospace;
font-size: 1em;
}



/* 13) 유틸리티: 화면 전체 레이아웃을 위한 기본 컨테이너(선택) */
.app-root {
min-height: 100%;
display: flex;
flex-direction: column;
}

/* 끝 - 이후에 프로젝트 전용 스타일을 추가하세요 */